React 背景知識(shí)

　　React 是一個(gè)用于構(gòu)建用戶界面的 JavaScript 庫，主要用于構(gòu)建 UI，而不是一個(gè) MVC 框架，但可以使用 React 作為 MVC 架構(gòu)的 View 層輕易的在已有項(xiàng)目中使用，它是一個(gè)用于構(gòu)建用戶界面的 JavaScript 庫，起源于 Facebook 的內(nèi)部項(xiàng)目，用來架設(shè) Instagram 的網(wǎng)站，于 2013 年 5 月開源。React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關(guān)注和使用它。

　　以前沒有 ajax 技術(shù)的時(shí)候，web 頁面從服務(wù)端整體渲染出 html 輸出到瀏覽器端進(jìn)行渲染，同樣的，用戶的一個(gè)改變頁面的操作也會(huì)刷新整個(gè)頁面來完成。直到有了 ajax 出現(xiàn)，實(shí)現(xiàn)頁面局部刷新，帶來的高效和分離讓 web 開發(fā)者們驚嘆不已。但隨之而來的問題是，復(fù)雜的用戶交互及展現(xiàn)需要通過大量的 DOM 操作來完成，這讓頁面的性能以及開發(fā)的效率又出現(xiàn)了新的瓶頸。

　　時(shí)至今日，談到前端性能優(yōu)化，減少 DOM 元素、減少 reflow 和 repaint、編碼過程中盡量減少 DOM 的查詢等手段是大家耳熟能詳?shù)摹６撁嫒魏蜺I的變化都是通過整體刷新來完成的。幸運(yùn)的是，React 通過自己實(shí)現(xiàn)的 DOM Diff 算法，計(jì)算出虛擬頁面當(dāng)前版本和新版本之間的差異，最小化重繪，避免不必要的 DOM 操作，解決了這兩個(gè)公認(rèn)的前端性能瓶頸，實(shí)現(xiàn)高效 DOM 渲染。

　　我們知道，頻繁的操作 DOM 所帶來的性能消耗是很大的，而 React 之所以快，是因?yàn)樗恢苯硬僮?DOM，而是引進(jìn)虛擬 DOM 的實(shí)現(xiàn)來解決這個(gè)問題

　　對于頁面的更新，React 通過自己實(shí)現(xiàn)的 DOM Diff 算法來進(jìn)行差異對比、差異更新，反映到頁面上就是只重繪了更新的部分，從而提高渲染效率。

備注：以下性能闡述參考自尤雨溪。

　　對于 React 的性能方面，想