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