vue的diff算法
admin
2024-01-25 19:41:58
0次

vue的diff算法

diff算法是做什么的？

vue中diff算法称为patching算法，由Snabbdom修改而来，虚拟dom想要转换成真实dom则需要通过patch方法转换；

diff算法的必要性

在vue1.x中每个依赖均有更新函数对应，因此不需要虚拟dom和patching算法支持，但是由于粒度过细，导致vue1.x无法承受较大应用，因此在vue2.x中为了降低watcher粒度，每个组件只有一个watcher与之对应，此时就需要patching算法才能精确找到发生变化的位置并高效更新。
简而言之就是为了提升页面性能，精准高效更新

diff算法何时执行

执行时刻是组件内响应式数据变更触发实例执行其更新函数时，更新函数会再次执行render函数获得最新的虚拟dom，然后执行patch函数，并传入新旧两个虚拟dom，通过对比找到变化的地方，最后将其转换为对应DOM操作

diff算法具体执行方式

patch过程是一个递归的过程，遵循深度优先同层比较的策略；以vue3为例：
1、先判断两个节点是否为相同同类节点，不同则删除重建
2、如果双方都是文本，则更新文本内容
3、如果双方都是元素节点则递归更新子元素，同时更新元素属性
4、更新子节点又分几种情况：
1）新的子节点是文本，老的子节点是数组则清空，并设置文本
2）新的子节点是文本，老的子节点也是文本则直接更新文本
3）子节点是数组，老的子节点是文本，则清空文本，并创建新子节点数组中的子元素
4）新的子节点是数组，老的子节点也是数组，那么比较两组子节点，更新细节

vue3中的优化

vue2中是双端算法，先尝试从开头结尾去寻找相同节点，如找到直接做优化做比对，
vue3中引入的更新策略：编译期优化patchFlags、block等

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：OKR 与 KPI

下一篇：【代码随想录】哈希表专栏（Java）

相关内容

热门资讯

电视安卓系统哪个品牌好,哪家品... 你有没有想过，家里的电视是不是该升级换代了呢？现在市面上电视品牌琳琅满目，各种操作系统也是让人眼花缭...
安卓会员管理系统怎么用,提升服... 你有没有想过，手机里那些你爱不释手的APP，背后其实有个强大的会员管理系统在默默支持呢？没错，就是那...
安卓系统软件使用技巧,解锁软件... 你有没有发现，用安卓手机的时候，总有一些小技巧能让你玩得更溜？别小看了这些小细节，它们可是能让你的手...
安卓系统提示音替换 你知道吗？手机里那个时不时响起的提示音，有时候真的能让人心情大好，有时候又让人抓狂不已。今天，就让我...
安卓开机不了系统更新 手机突然开不了机，系统更新还卡在那里，这可真是让人头疼的问题啊！你是不是也遇到了这种情况？别急，今天...
安卓系统中微信视频,安卓系统下... 你有没有发现，现在用手机聊天，视频通话简直成了标配！尤其是咱们安卓系统的小伙伴们，微信视频功能更是用...
安卓系统是服务器,服务器端的智... 你知道吗？在科技的世界里，安卓系统可是个超级明星呢！它不仅仅是个手机操作系统，竟然还能成为服务器的得...
pc电脑安卓系统下载软件,轻松... 你有没有想过，你的PC电脑上安装了安卓系统，是不是瞬间觉得世界都大不一样了呢？没错，就是那种“一机在...
电影院购票系统安卓,便捷观影新... 你有没有想过，在繁忙的生活中，一部好电影就像是一剂强心针，能瞬间让你放松心情？而我今天要和你分享的，...
安卓系统可以写程序? 你有没有想过，安卓系统竟然也能写程序呢？没错，你没听错！这个我们日常使用的智能手机操作系统，竟然有着...
安卓系统架构书籍推荐,权威书籍... 你有没有想过，想要深入了解安卓系统架构，却不知道从何下手？别急，今天我就要给你推荐几本超级实用的书籍...
安卓系统看到的炸弹,技术解析与... 安卓系统看到的炸弹——揭秘手机中的隐形威胁在数字化时代，智能手机已经成为我们生活中不可或缺的一部分。...
鸿蒙系统有安卓文件,畅享多平台... 你知道吗？最近在科技圈里，有个大新闻可是闹得沸沸扬扬的，那就是鸿蒙系统竟然有了安卓文件！是不是觉得有...
宝马安卓车机系统切换,驾驭未来... 你有没有发现，现在的汽车越来越智能了？尤其是那些豪华品牌，比如宝马，它们的内饰里那个大屏幕，简直就像...
p30退回安卓系统 你有没有听说最近P30的用户们都在忙活一件大事？没错，就是他们的手机要退回安卓系统啦！这可不是一个简...
oppoa57安卓原生系统,原... 你有没有发现，最近OPPO A57这款手机在安卓原生系统上的表现真是让人眼前一亮呢？今天，就让我带你...
安卓系统输入法联想,安卓系统输... 你有没有发现，手机上的输入法真的是个神奇的小助手呢？尤其是安卓系统的输入法，简直就是智能生活的点睛之...
怎么进入安卓刷机系统,安卓刷机... 亲爱的手机控们，你是否曾对安卓手机的刷机系统充满好奇？想要解锁手机潜能，体验全新的系统魅力？别急，今...
安卓系统程序有病毒 你知道吗？在这个数字化时代，手机已经成了我们生活中不可或缺的好伙伴。但是，你知道吗？即使是安卓系统，...
奥迪中控安卓系统下载,畅享智能... 你有没有发现，现在汽车的中控系统越来越智能了？尤其是奥迪这种豪华品牌，他们的中控系统简直就是科技与艺...