1、虚拟dom是什么
由于浏览器的标准过于复杂,使用js对象来描述一个原生的dom,我们就称这个对象为虚拟dom。
![](https://img.haomeiwen.com/i5435542/8bd0c1141287612e.png)
dom属性非常之多,这就是为什么dom稍微操作一下就会导致浏览器性能急速下降,尽可能少操作dom也是各个性能优化的金科玉律。
![](https://img.haomeiwen.com/i5435542/1a79b36be1af435a.png)
这个对象是非常轻量级的,通过这个很简单的对象来描述上面的dom结构,这就是所谓的虚拟dom。像react和vue它们用到虚拟dom的时候,就是想对页面做一些更新的时候,想做渲染的时候,我们可以通过虚拟dom这个对象之间的对比,找出HTML间最小的修改。
网友评论