[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提高了性能。

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题