组件测试 网上都说操作真实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更快。

很高兴回答您的问题

！当前流行的前端技术总结如下：

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

2。CSS框架：bootstrap（值得王啊）

3。CSS工具：autoprefixer，moderniser

4。CSS布局函数：飞Xbox，CSS网格

5。开发工作流工具：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

希望对您有所帮助！

组件测试 前端测试 react单元测试教程

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