react虚拟dom原理 网上都说操作真实DOM慢，但测试结果却比React更快，为什么？

网上都说操作真实DOM慢，但测试结果却比React更快，为什么？

React从未被官方称为比real dom更快。实际上，react还需要使用本机DOM操作innerHTML。

react的快速呈现是指DOM的批处理操作，比如多个P节点的一次性操作，或者某个节点下的子节点的操作。在这种情况下，反应更快。

react原理中的Diff算法：

重新渲染时，react会根据Diff算法计算出新的DOM，这与DOM直接不同。它只更新DOM的这一部分，不移动其他DOM。此时，最初的DOM操作是更新所有DOM。

例如：如果要在UL下重新渲染Li，请使用react进行渲染。React只更新已更改的Li节点，而未更改的Li节点不会移动。对于本机操作，JS通常会重新生成所有Li。如果您比较自己，只更新更改的Li节点，它将比react更快。

[我们最近正在更新react文章。欢迎关注。让我们一起学习，共同进步]

react虚拟dom原理 react组件如何设置dom 获取react组件的dom

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。