diff 算法

最新推荐文章于 2022-07-20 15:28:18 发布

꯭拜꯭你꯭所꯭赐꯭.304

最新推荐文章于 2022-07-20 15:28:18 发布

阅读量122

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_60592424/article/details/124453972

版权

                    
                    diff 算法就是对虚拟 dom 进行对比，并返回一个 patch 对象，这个对象的作用是存储两个节点不同的地方，最后用 patch 里记录的信息去局部更新真实的 dom
diff 算法的步骤
 
js 对象表示真实的 dom 结构，就是我们说的生成一个虚拟 dom，再用虚拟 dom 构建一个真的 dom 树，放到页面中。
状态改变的时候生成一个新的虚拟 dom 跟旧的进行对比，这个对比的过程就是 diff 算法，通过 patch 对象记录差异
把记录的差异用在第一个虚拟 dom 构建的真实的 dom 上，视图就更新了
 
Vue 的 diff 算法是平级⽐较，不考虑跨级⽐较的情况。内部采⽤深度递归的⽅式+双指针⽅式⽐较