什么是虚拟DOM与真实DOM，他们的区别
虚拟DOM与真实DOM的区别（注意：需不需要虚拟DOM，其实与框架的DOM操作机制有关）：
- 执行效率：由于真实DOM的操作需要涉及浏览器的布局计算和渲染，执行效率比虚拟DOM低。
- 性能优化：虚拟DOM通过 diff 算法比较新旧DOM节点差异，最终只更新部分节点，可以减少页面渲染的开销，提高性能。
- 开发效率：虚拟DOM可以通过JS对象对DOM进行操作，比直接操作真实DOM更加方便和灵活，同时也可以借助React等框架提供的组件化机制，使得开发效率更高。
什么是虚拟DOM：
虚拟DOM（Virtual Document Object Model）是指用JS对象来描述DOM节点及其属性和内容的层次结构，它是对真实DOM的一种抽象表示，并不是真正的DOM节点。当页面需要更新时，虚拟DOM首先进行比较，找出需要更新的部分，然后批量更新至真实DOM，最终只会引起页面的局部重排和重绘，可以减少页面渲染的开销，提高性能。
真实DOM：
真实DOM（Document Object Model）是指浏览器中的渲染树，由HTML元素、属性、文本和事件组成，当页面中的元素发生变化时，浏览器会重新构建渲染树，此过程会引起页面的重排和重绘，对性能影响较大。
- 标题: 什么是虚拟DOM与真实DOM，他们的区别
- 作者: 郭浪
- 创建于: 2023-04-30 17:30:39
- 更新于: 2023-08-05 10:37:12
- 链接: https://redefine.ohevan.com/2023/04/30/什么是虚拟DOM与真实DOM，他们的区别/
- 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。