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）

相关内容

热门资讯

微软安卓系统叫什么,Windo... 你知道吗？在科技界，微软这个巨头最近可是搞了个大动作，竟然把目光投向了安卓系统！没错，就是那个我们日...
安卓系统没有最近任务,揭秘无最... 你是不是也遇到了这个问题？安卓系统里怎么就没有“最近任务”这个功能呢？别急，让我来给你详细说说这个事...
安卓系统怎么拒聊天,安卓系统聊... 你是不是也和我一样，有时候手机里聊天软件的消息太多，让人头都大了？别急，今天就来教你怎么在安卓系统里...
下载工资软件安卓系统,高效便捷... 你有没有想过，每个月的工资一到手，是不是就感觉整个人都轻松了呢？但是，你知道怎么轻松地管理你的工资吗...
下载灰灰影音安卓系统,畅享高清... 你有没有想过，一部手机，一部电脑，就能让你随时随地享受高清电影、热门剧集的乐趣？没错，这就是我们今天...
安卓系统是不是中国,中国智慧与... 你有没有想过，那个陪伴你每天刷手机、玩游戏、办公的安卓系统，它是不是中国的“孩子”呢？这个问题听起来...
电脑如果安装安卓系统,探索安卓... 你有没有想过，如果家里的电脑突然决定要换换口味，不再坚守Windows的阵营，而是拥抱安卓系统呢？想...
安卓手机升级苹果系统,体验全新... 你有没有想过，你的安卓手机突然间变成了苹果的忠实粉丝，想要体验一番iOS系统的魅力呢？这可不是天方夜...
安卓系统短信不通知,享受宁静 你是不是也遇到了这个问题？安卓系统短信不通知，是不是让你抓狂？别急，今天就来给你详细解析一下这个让人...
夏普电视非安卓系统,非安卓系统... 亲爱的读者们，你是否曾对夏普电视的非安卓系统感到好奇呢？今天，就让我带你一探究竟，揭开这个神秘面纱背...
安卓系统43适配软件,软件升级... 你有没有发现，你的安卓手机最近是不是有点儿“水土不服”？别急，别急，让我来给你揭秘为什么你的安卓系统...
安卓系统有车载系统吗吗,智能驾... 你有没有想过，当你坐在车里，享受着旅途的悠闲时光，手机上的安卓系统是不是也能派上用场呢？没错，我就要...
安卓8.1系统解锁方法,畅享自... 你有没有想过，你的安卓手机里隐藏着无数的小秘密？比如，解锁安卓8.1系统，就能让你的手机焕发出全新的...
安卓系统怎么打开邮件,安卓系统... 你有没有想过，每天那么多邮件，怎么才能快速打开它们呢？尤其是当你用的是安卓系统手机的时候。别急，今天...
封闭安卓系统安装软件,一步到位... 你有没有想过，为什么你的安卓手机里有些软件只能通过官方渠道安装呢？今天，就让我带你一探究竟，揭开封闭...
小米mipad升级安卓系统,解... 你有没有发现，最近小米Mipad的安卓系统升级可是个大热门呢！这不，我就迫不及待地来和你聊聊这个话题...
哪个安卓系统体验好,揭秘安卓系... 你有没有想过，手机里的安卓系统就像是个大厨，不同的版本就是不同的拿手好菜，有的让你回味无穷，有的却让...
安卓系统开发测试,全方位技术解... 你有没有想过，那个陪伴你每天刷手机、玩游戏、办公的安卓系统，是怎么从无到有，一步步成长起来的呢？今天...
安卓系统怎么查配置,轻松掌握设... 你有没有想过，你的安卓手机里藏着多少秘密？别小看这些配置信息，它们可是了解你手机性能的“小侦探”呢！...
pve下安装安卓系统,PVE环... 你有没有想过，在你的PVE服务器上安装一个安卓系统呢？听起来是不是有点酷炫？想象你的服务器不仅能够运...