码迷,mamicode.com
首页 > 其他好文 > 详细

vue 的虚拟 DOM 有什么好处?

时间:2019-10-06 15:02:30      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:nbsp   内存   新网   虚拟   存储   过程   vue   dom   显示   

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

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

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

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

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

4、生成原始的显示坐标

5、显示页面

 

修改真实DOM

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

 

修改虚拟DOM

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

 

虚拟 DOM 好处

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

vue 的虚拟 DOM 有什么好处?

标签:nbsp   内存   新网   虚拟   存储   过程   vue   dom   显示   

原文地址:https://www.cnblogs.com/anyjs/p/11627277.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!