網(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更快。

[我們最近正在更新react文章。歡迎關(guān)注。讓我們一起學(xué)習(xí)，共同進步]