-
React組件聲明周期函數：
componentWillMount
componentDidMount
componentWillUnmount
componentWillUpdate
componentDidUpdate
查看全部 -
?查看全部
-
react組件的生命周期
查看全部 -
react組件的比較重要的生命周期函數
查看全部 -
單頁模型（SPA）：客戶端不用向瀏覽器頻繁發送請求，把新頁面拉取下來根據客戶端具體情況，在本地繪制新的界面、再展現數據。
優點：減小客戶端與服務端的交互延遲，提供更及時的響應，增強用戶體驗。
單頁APP的挑戰：
如何保持數據與UI同步更新；
如何提高DOM操作的顯效率。
使用HTML開發UI界面異常復雜。
React 特性：
自動化的UI管理：讓界面和顯示數據變化同步。在界面和數據之間創建了聯合層，讓數據變化轉換成一系列事件，開發者只需要根據事件改變界面狀態。減少了邏輯耦合度。
更高效的DOM操作：在內存中保存了一棵叫做Virtual DOM的數據結構，對DOM的操作轉化成對虛擬DOM的操作，緩存這些操作在合適時間和瀏覽器的DOM進行對比，一次性全部提交變更。更高效。
UI的組件化設計：ui組件化方式簡化復雜的UI界面。提供多API，很小但可重用的組件，然后組合形成大組件。
依賴JS開發UI界面：擺脫CSS影響。JSX語法結構，看似與html語法相似但本質不同，會被REACT解讀成一系列DOM操作-createElement，簡化UI設計的表示方式。
REACT的本質：MVC中的V。將數據和UI進行結合。
查看全部 -
react的生命周期函數
查看全部 -
getInitialState函數是在組件被加載之前調用，初始化組件所有內部數據的最佳時機。
componentDidMout函數在組件被瀏覽器加載之后，render函數還未調用之前調用。
setState接口是由組件本身實現的，用來修改組件本身的state對象。
react中調用setState方法會自動觸發組件中render方法調用，如果組件中有子組件，也會觸發子組件中render方法調用。這種鏈式反應來促使頁面全部更新。
查看全部 -
屬性的擴展操作符
{...this.props}
可以解決組件之間屬性多重傳遞的問題。
查看全部 -
屬性擴展操作符
{...this.props}
解決組件之間屬性多重傳遞的問題。
查看全部 -
react的屬性傳遞機制只能從直接父組件傳到子節點。不能跨級傳遞，并且不能反向傳遞從子到父。
查看全部 -
讓相應的樣式變為可改動的，只需要通過this.props來設置屬性，然后在組件標簽中定義屬性值。
<Letter bgcolor="#58B3FF">T</letter>
查看全部 -
react組件的樣式和邏輯寫在一起，
把樣式以json的格式寫在對象中，
通過style關鍵字={樣式對象}綁定到一起。
查看全部 -
react組件類最新的寫法為：
class?HelloWorld?extends?React.Component?{ ????render()?{ ????????return?( ????????????<div> ????????????????<p>Hello,?{this.props.greetTarget}</p> ????????????</div> ????????) ????} }查看全部 -
在指定類名時，一定要使用className，不能用class（class是React的一個關鍵字）
this.props.children對應的相應組件標簽中的內容。
查看全部 -
安裝python服務器
查看全部
舉報