虚拟DOM的理解及实现步骤

一:理解虚拟dom:
Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点称为VNode,用对象属性来描述节点,实际上它是一层对真实DOM的抽象,最终可以通过渲染操作使这棵树映射到真实环境上,简单来说Virtual DOM就是一个Js对象,用以描述整个文档。
二:实现步骤:
1.生成虚拟dom树
2.将内存中的虚拟dom树渲染成真实的dom树
3.修改data数据
4.修改之后生成新的虚拟dom树
5.用新的虚拟dom树与旧的虚拟dom树进行比较
6.对比二者的差异,重新渲染真实的dom结构

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值