下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:vue 的虚拟 DOM 有什么好处?

作者:honzen     来源: https://www.cnblogs.com/anyjs/p/11627277.html点击数:914发布时间: 2020-03-05 12:02:13

标签: 渲染Javascriptvue

Web开发

  DocumentObjectModel的历史可以追溯至1990年代后期微软与Netscape的"浏览器大战",双方为了在Javascript与JScript一决生死,于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,既有VBScript、ActiveX、以及微软自家的Dhtml格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。

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

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

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

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

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

  4、生成元素的显示坐标

  5、显示页面

  修改真实DOM

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

  修改虚拟DOM

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

  虚拟DOM好处

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

  文档对象模型(DocumentObjectModel,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。

赞(12)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程