首页 > 代码库 > Vue.js 2.0更新之增加Virtual DOM讲解
Vue.js 2.0更新之增加Virtual DOM讲解
Virtual DOM是什么?
在之前,React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的,就要先认清这几个概念:
1.更新DOM是非常昂贵的操作
当我们使用Javascript来修改我们的页面,浏览器已经做了一些工作,以找到DOM节点进行更改,例如:
document.getElementById(‘myId‘).appendChild(myNewNode);
在现代的应用中,会有成千上万数量个DOM节点。所以因更新的时候产生的计算非常昂贵。琐碎且频繁的更新会使页面缓慢,同时这也是不可避免的。
2.我们可以用JavaScript对象来代替DOM节点
DOM节点在HTML文档中的表现通常是这样的:
阅读更多,请移步
Vue.js 2.0更新之增加Virtual DOM讲解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。