分类：虚拟dom

2021
09-10

vue中对虚拟dom的理解知识点总结

本质是一个普通的js对象，用于描述视图界面结构的，在mouted的回调中，可以输出_vnode， 通过图可以知道，_vnode中有以下几个主要的属性：tag：组件的标签名，data:组件的属性，children:组件的子标签parent:父级元素render函数：作用：创建虚拟dom， 每个组件都有虚拟dom，并且虚拟dom都是由render函数创建的；使用虚拟dom树的目的：提高渲染效率在vue中，当渲染视图时候会调用render函数。这种渲染... 继续阅读 >

2021
05-19

vue 虚拟DOM快速入门

虚拟DOM什么是虚拟domdom是文档对象模型，以节点树的形式来表现文档。虚拟dom不是真正意义上的dom。而是一个javascript对象。正常的dom节点在html中是这样表示：<divclass='testId'><p>你好</p><p>欢迎光临</p></div>而在虚拟dom中大概是这样：{tag:'div',attributes:{class:['testId']},children:[//p元素//p元素]}我们可以将虚拟dom拆分成两部分进... 继续阅读 >

2020
10-10

vue 虚拟DOM的原理

为什么需要虚拟DOM？如果对前端工作进行抽象的话，主要就是维护状态和更新视图，而更新视图和维护状态都需要DOM操作。其实近年来，前端的框架主要发展方向就是解放DOM操作的复杂性。运行js的速度是很快的，大量的操作DOM就会很慢，时常在更新数据后会重新渲染页面，这样造成在没有改变数据的地方也重新渲染了DOM节点，这样就造成了很大程度上的资源浪费。在jQuery出现以前，我们直接操作DOM结构，这种方法复杂度高，... 继续阅读 >