[react] 你知道Virtual DOM的工作原理吗？
Posted 前端小歌谣
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[react] 你知道Virtual DOM的工作原理吗？相关的知识，希望对你有一定的参考价值。
[react] 你知道Virtual DOM的工作原理吗？
- Virtual DOM是什么：虚拟DOM是真实DOM的javascript对象的映射
- Virtual DOM的工作原理：数据驱动视图更新这个过程中，首先会改变虚拟DOM对象，一个视图的更新周期，首先会简单新的虚拟DOM和旧的虚拟DOM的差异，最后比较处所有的差异，即是更新前后DOM的差异，最后把这个差异应用到真实的DOM上。
- 为什么Virtual DOM能提高性能: 频繁的更新DOM会引起性能问题，但是因为虚拟DOM是纯js，所以频繁的更新虚拟DOM不会引起性能的问题，一次更新周期之后，根据diff 虚拟DOM的差异，批量的去更新DOM，达到了最新的DOM更新量。所以相对于手动更新DOM提高了性能。
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
以上是关于[react] 你知道Virtual DOM的工作原理吗？的主要内容，如果未能解决你的问题，请参考以下文章
React 的 Virtual DOM 如何比 DOM 快？
[react] 简要描述下你知道的react工作原理是什么？