摘要
眾所周知，前端三大框架Angular、React、Vue，所以為了跟上時(shí)代的步伐，最近開(kāi)始著手學(xué)習(xí)React，這時(shí)候就發(fā)現(xiàn)個(gè)大問(wèn)題，框架一直在更新，提倡的編寫(xiě)語(yǔ)法也在更新，網(wǎng)上有許多教程都是一兩年前的了，因此，我決定直接從官方英文文檔入手學(xué)習(xí)，學(xué)習(xí)的框架版本為最新的ReactV15.5.0，現(xiàn)將學(xué)習(xí)筆記整理如下，以供大家參考，本篇文章主要是react一些基礎(chǔ)語(yǔ)法的講解與總結(jié)，如需深入了解，可查閱官方文檔，也敬請(qǐng)期待后續(xù)文章。
一、React有什么好？
1、組件化
什么是組件？答曰：功能獨(dú)立，封裝良好的代碼塊。前端頁(yè)面一直提倡組件化，因?yàn)榻M件化可以實(shí)現(xiàn)高重用，大大提升了我們的開(kāi)發(fā)效率，也讓我們的頁(yè)面結(jié)構(gòu)變得更加清晰。所以React提倡將頁(yè)面解構(gòu)成組件樹(shù)，以組件為最小單元構(gòu)造頁(yè)面。
2、虛擬DOM
眾所周知，JS的DOM操作，是影響網(wǎng)頁(yè)性能的重要因素之一，因此React提出了虛擬DOM的概念，組件并不是真實(shí)的 DOM 節(jié)點(diǎn)，而是存在于內(nèi)存之中的一種數(shù)據(jù)結(jié)構(gòu)，叫做虛擬 DOM （virtual DOM）。只有當(dāng)它插入文檔以后，才會(huì)變成真實(shí)的 DOM 。根據(jù) React 的設(shè)計(jì)，所有的 DOM 變動(dòng)，都先在虛擬 DOM 上發(fā)生，然后再將實(shí)際發(fā)生變動(dòng)的部分，反映在真實(shí) DOM上，這種算法叫做 DOM diff ，它可以極大提高網(wǎng)頁(yè)的性能表現(xiàn)。
二、用React構(gòu)建你的webApp需要什么？
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線(xiàn)安全]玩轉(zhuǎn)無(wú)線(xiàn)電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式