type
status
date
slug
summary
tags
category
icon
password

虚拟DOM

虚拟DOM,英文全称 virtual dom,简称 vdom 本质上就是一个普通的 js 对象,用来描述真实 DOM 的节点信息和属性
它包含了 tagpropschildren 三个属性,以这三个属性来描述一个 DOM 节点,每组的描述就是一个 Vnode,整个 Vnode 的集合就是一个 虚拟DOM树
一个 DOM 上的属性是非常多的,比如我们可以在控制台上,创建一个 div ,并打印出它的属性,如下所示:
notion image
真实 DOM 的体积非常庞大,而且操作它会让页面重绘,非常浪费性能
解决方案就是,以 js 的形式把真实的 DOM 结构描述出来, 运用 diff 算法来计算出真正需要更新的节点,最大程度的减少低性能的 DOM 操作

Vue3 diff算法

notion image
学习Vue3第六节:to系列全家桶学习Vue3 第四节:ref全家桶
衔蝉
衔蝉
一个普通的干饭人🍚
公告
type
status
date
slug
summary
tags
category
icon
password
欢迎来到衔蝉的博客小站✨
这里是我的个人学习、生活记录
--- 免责声明 ---
⚠️ 本站内容仅代表个人观点
⚠️ 本站内容仅供学习参考使用
--- 关于我 ---
我要如加菲猫一般地活着
一大碗杂碎面
就能换来一个艳阳天🌻