詳情描述
react是一個(gè)用于構(gòu)建用戶界面的JavaScript庫文件,react可以使構(gòu)建交互UI的過程變得簡單。對于你的應(yīng)用里面的每個(gè)狀態(tài)視圖,當(dāng)數(shù)據(jù)變化的時(shí)候,react都會及時(shí)并且正確有效率地進(jìn)行對其更新,這種陳述式視圖,將使你的代碼更有可控性,并且更加易于調(diào)試。
react有六大特點(diǎn):聲明式設(shè)計(jì)采用聲明范式,可以輕松描述應(yīng)用;高效React通過對DOM的模擬,較大限度地減少與DOM的交互;靈活React可以與已知的庫或框架很好地配合 是JavaScript語法的擴(kuò)展;組件通過React構(gòu)建組件,使得代碼更加容易得到復(fù)用;單向響應(yīng)的數(shù)據(jù)流React 實(shí)現(xiàn)了單向響應(yīng)的數(shù)據(jù)流,從而減少了重復(fù)代碼。
由于react是一個(gè)JavaScript庫,所以掌握它的前提就是:你已經(jīng)有了相關(guān)JavaScript的基礎(chǔ)理解能力,你了解HTML和CSS。而這些也是一個(gè)專業(yè)的web應(yīng)用安全培訓(xùn)機(jī)構(gòu)在設(shè)置課程時(shí)需要注意的一點(diǎn)。
接下來我們來了解react的生命周期、數(shù)據(jù)流及事件。
在組件的整個(gè)生命周期中,隨著該組件的props或者state發(fā)生改變,它的DOM表現(xiàn)也將有相應(yīng)的變化,一個(gè)組件就是一個(gè)狀態(tài)機(jī):對于特定的輸入,它總會返回一致的輸出。
React為每個(gè)組件提供了生命周期鉤子函數(shù)去響應(yīng)不同的時(shí)刻,組件的生命周期分為三個(gè)部分:(1)實(shí)例化;(2)存在期;(3)銷毀清理期。
在react中,數(shù)據(jù)流向是單向的從父節(jié)點(diǎn)傳遞到子節(jié)點(diǎn),因而組件是簡單且易于把握的,他們只需從父節(jié)點(diǎn)獲取props渲染即可。如果頂層組件的某個(gè)prop改變了,react會遞歸地向下遍歷整棵組建樹,重新渲染所有使用這個(gè)屬性的組件。react組件內(nèi)部還具有自己的狀態(tài),這些狀態(tài)只能在組件內(nèi)修改。
react通過將時(shí)間處理器綁定到組件上來處理事件。在事件被觸發(fā)的同時(shí),更新組件的內(nèi)部狀態(tài)。組件內(nèi)部狀態(tài)的更新會觸發(fā)組件重繪。因此,如果視圖層想要渲染出時(shí)間觸發(fā)后的結(jié)果,它所需要做的就是在渲染函數(shù)中讀取組件的內(nèi)部狀態(tài)。
千鋒教育:
千鋒西安校區(qū):
西安校區(qū)地址:西安市雁塔區(qū)高新六路52號立人科技C座西區(qū)4樓
面授課程:全棧WEB+培訓(xùn)、全鏈路設(shè)計(jì)培訓(xùn)、PHP全棧+服務(wù)器集群培訓(xùn)、JavaEE+分布式開發(fā)培訓(xùn)、大數(shù)據(jù)+人工智能培訓(xùn)、 Unity游戲開發(fā)培訓(xùn)、Python培訓(xùn)、云計(jì)算+Python運(yùn)維培訓(xùn)、全棧軟件測試培訓(xùn)、Android培訓(xùn)、iOS培訓(xùn)