欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue 的虚拟 DOM 有什么好处?

程序员文章站 2022-07-02 12:54:39
vue 的虚拟 DOM 有什么好处,速度快,为什么快,因为减小了页面渲染过程的次数 ......

vue 中的虚拟dom有什么好处?快!

首先了解浏览器显示网页经历的5个过程 

1、解析标签,生成元素树(dom树)

2、解析样式,生成样式树

3、生成元素与样式的关系

4、生成原始的显示坐标

5、显示页面

 

修改真实dom

每修改一个元素,那么这5个过程都要重新走一次。修改10个元素就走10遍。

 

修改虚拟dom

虚拟dom存储在内存中,对10个元素的修改是在虚拟dom中进行,修改完后,比较虚拟dom和真实dom的差异,当有差异时,再一次过去更新网页的显示,而不是走10遍过程。

 

虚拟 dom 好处

速度快,减小了页面渲染过程的次数