網(wǎng)上都說操作真實DOM慢，但測試結(jié)果卻比React更快，為什么？React從未被官方稱為比real dom更快。實際上，react還需要使用本機DOM操作innerHTML。react的快速呈現(xiàn)是指D

網(wǎng)上都說操作真實DOM慢，但測試結(jié)果卻比React更快，為什么？

React從未被官方稱為比real dom更快。實際上，react還需要使用本機DOM操作innerHTML。

react的快速呈現(xiàn)是指DOM的批處理操作，比如多個P節(jié)點的一次性操作，或者某個節(jié)點下的子節(jié)點的操作。在這種情況下，反應(yīng)更快。

react原理中的Diff算法：

重新渲染時，react會根據(jù)Diff算法計算出新的DOM，這與DOM直接不同。它只更新DOM的這一部分，不移動其他DOM。此時，最初的DOM操作是更新所有DOM。

例如：如果要在UL下重新渲染Li，請使用react進行渲染。React只更新已更改的Li節(jié)點，而未更改的Li節(jié)點不會移動。對于本機操作，JS通常會重新生成所有Li。如果您比較自己，只更新更改的Li節(jié)點，它將比react更快。

很高興回答您的問題

！當(dāng)前流行的前端技術(shù)總結(jié)如下：

1。CSS處理器：SaaS，less，postss

2。CSS框架：bootstrap（值得王?。?/p>

3。CSS工具：autoprefixer，moderniser

4。CSS布局函數(shù)：飛Xbox，CSS網(wǎng)格

5。開發(fā)工作流工具：NPM，gulp，grunt

6。JavaScript庫和框架：jQuery，react，taro，Vue，lodash，angular 2，underline

7，JavaScript模塊打包工具：webpack，browserify

8，JavaScript擴展語言：typescript，flow

9，JavaScript檢查工具：eslint，tslint，jslint

10，JavaScript測試：jest，mocha，jasmine

希望對您有所幫助！