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