虚拟DOM

1、虚拟 DOM 是什么？

一个能代表DOM树的对象，通常含有标签、标签上的属性、事件监听和子元素们，以及其他的属性，用普通js对象来描述DOM结构，因为不是真实DOM，所以称之为虚拟DOM。

2、虚拟 DOM 的优点？

减少 DOM 操作

• 虚拟 DOM 可以将多次操作合并为一次操作，比如你添加 1000 个节点，却是一个接一个操作的（减少频率）
• 虚拟 DOM 借助 DOM diff 可以把多余的操作省掉，比如你添加 1000 个节点，其实只有 10 个是新增的（减少范围）

跨平台

• 虚拟 DOM 不仅可以变成 DOM，还可以变成小程序、iOS 应用、安卓应用，因为虚拟 DOM 本质上只是一个 JS 对象

3、虚拟 DOM 的缺点？

需要额外创建函数，比如react之中使用createElement,但是可以使用JSX简化写法，但是使用JSX就会严重需要依赖JSX文件

4、为什么操作 dom 性能开销大 ，并不是查询 dom 树性能开销大，

原因：

• 1. dom树的实现模块 和 js 模块 是分开的，这些跨模块的通讯增加了成本。
• 2. dom 操作引起的浏览器的回流和重绘，使得性能开销巨大。
• 备注：在 pc 端是没有性能问题的（因为 pc 的计算能力强），但随着移动端的发展，越来越多的网页在智能手机上运行，而手机的性能参差不齐，会有性能问题。

5、虚拟dom的意义 

• 1.vdom 的真正意义是为了实现跨平台，服务端渲染（从而诞生了react native等）；
• 2.提供一个性能还算不错 Dom 更新策略；
• 3.vdom 让整个 mvvm 框架灵活了起来。