AI
推荐
模板社区
专题
登录
免费注册
首页
流程图
详情
diff算法patch函数流程
2021-05-30 17:29:17
5
举报
分享方式
免费使用
diff算法patch函数流程
diff算法大致流程图
模版推荐
作者其他创作
大纲/内容
比较新旧的虚拟dom是不是一样的比较规则：key和选择器都一样
把elm的innerText属性设置为newVnode的text属性
判断oldVndoe是否有children节点
一样
patch函数被调用
不是(意味着newVnode存在children节点)
是
是同一个对象不需要diff更新。因为没有比较的余地。vue中涉及的是数据响应式
不是虚拟dom
判断oldVnode和newVNode是否在内存中是一个对象
判断旧的dom节点是不是虚拟dom
转为虚拟dom
否
不一样
判断newVNode是否有text属性
是虚拟dom
通过递归把真是DOm转为虚拟DOm
不是
收藏
立即使用
初始状态
收藏
立即使用
diff经典四标志位算法图解
收藏
立即使用
diff算法patch函数流程
ZSY
职业：暂无
去主页
Collect
Get Started
基本函数类型
Collect
Get Started
diff算法流程图
Collect
Get Started
diff
Collect
Get Started
diff算法流程不完善
评论
0
条评论
下一页
Document
