1、虚拟 DOM 是什么
一个能代表DOM树的对象通常含有标签、标签上的属性、事件监听和子元素们以及其他的属性用普通js对象来描述DOM结构因为不是真实DOM所以称之为虚拟DOM。
2、虚拟 DOM 的优点
减少 DOM 操作
虚拟 DOM 可以将多次操作合并为一次操作比如你添加 1000 个节点却是一个接一个操作的减少频率虚拟 DOM 借助 DOM diff 可以把多余的操作省掉比如你添加 1000 个节点其实只有 10 个是新增的减少范围
跨平台
虚拟 DOM 不仅可以变成 DOM还可以变成小程序、iOS 应用、安卓应用因为虚拟 DOM 本质上只是一个 JS 对象 3、虚拟 DOM 的缺点 vps云服务器
需要额外创建函数比如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 框架灵活了起来。
?
30156399
