什么是虚拟DOM与真实DOM，他们的区别

虚拟DOM与真实DOM的区别（注意：需不需要虚拟DOM，其实与框架的DOM操作机制有关）：

1. 执行效率：由于真实DOM的操作需要涉及浏览器的布局计算和渲染，执行效率比虚拟DOM低。
2. 性能优化：虚拟DOM通过 diff 算法比较新旧DOM节点差异，最终只更新部分节点，可以减少页面渲染的开销，提高性能。

     3、开发效率：虚拟DOM可以通过JS对象对DOM进行操作，比直接操作真实DOM更加方便和灵活，同时也可以借助React等框架提供的组件化机制，使得开发效率更高。

什么是虚拟DOM：  

        虚拟DOM（Virtual Document Object Model）是指用JS对象来描述DOM节点及其属性和内容的层次结构，它是对真实DOM的一种抽象表示，并不是真正的DOM节点。当页面需要更新时，虚拟DOM首先进行比较，找出需要更新的部分，然后批量更新至真实DOM，最终只会引起页面的局部重排和重绘，可以减少页面渲染的开销，提高性能。

真实DOM：

        真实DOM（Document Object Model）是指浏览器中的渲染树，由HTML元素、属性、文本和事件组成，当页面中的元素发生变化时，浏览器会重新构建渲染树，此过程会引起页面的重排和重绘，对性能影响较大。