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

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

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

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

react原理中的Diff算法：

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

例如：如果要在UL下重新渲染Li，請(qǐng)使用react進(jìn)行渲染。React只更新已更改的Li節(jié)點(diǎn)，而未更改的Li節(jié)點(diǎn)不會(huì)移動(dòng)。對(duì)于本機(jī)操作，JS通常會(huì)重新生成所有Li。如果您比較自己，只更新更改的Li節(jié)點(diǎn)，它將比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庫(kù)和框架：jQuery，react，taro，Vue，lodash，angular 2，underline

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

8，JavaScript擴(kuò)展語言：typescript，flow

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

10，JavaScript測(cè)試：jest，mocha，jasmine

希望對(duì)您有所幫助！