目录

一、是什么

二、比较方式

三、原理分析

小结


一、是什么

diff 算法是一种通过同层的树节点进行比较的高效算法

其有两个特点:

  • 比较只会在同层级进行, 不会跨层级比较

  • 在diff比较的过程中,循环从两边向中间比较

diff 算法的在很多场景下都有应用,在 vue 中,作用于虚拟 dom 渲染成真实

Vue2和vue3diff算法相关推荐

  1. Vue2 的 diff 算法

    Vue2 的 diff 算法 答:Diff 算法是一种对比算法.对比两者是 旧虚拟 DOM 和新虚拟 DOM,对比出是哪个 虚拟节点更改了,找出这个 虚拟节点并只更新这个虚拟节点所对应的 真实节点而不 ...

  2. 做diff_Vue3.0时代你必须了解的:diff算法原理和优化

    关注前端公众号 [前端每日一博] 前言 面试官: 你知道 Vue3.0 Object.difineProperty和vue3.0的proxy的区别吗? 你知道 Vue3.0 diff算法原理和它有什么 ...

  3. Vue中的Diff算法 patch函数-简单Diff算法-双端Diff算法-快速Diff算法-当数据发生改变,视图如何更新?

    文章目录 Vue中的Diff算法 概述 前置知识 patch方法 简单Diff算法 总结 双端Diff算法 --vue2 快速Diff算法 --vue3 vue2和vue3 Diff算法的区别 当数据 ...

  4. 推荐2022前端必看的新书 《Vue.js设计与实现》

    大家好,我是若川.持续组织了6个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整体架构系列& ...

  5. 常见的前端考试面试题目【vue,react,css,six】

    常见的vue,javascript,css前端面试题 1.Vue2和Vue3的区别至少说5点 2.Vue3中组件通信的流程[父传子,子传父] 3.Apply/call/bind的原理是什么? 4.说说 ...

  6. 前端VUE面试题总结

    目录 VUEX vue-router 前端路由原理 路由模式 hash模式 history模式 路由传参 路由跳转 vue的路由守卫 路由相关问题 脚手架rem适配 封装api请求 多环境变量 web ...

  7. 前端面试题(Vue)

    一.vue 说说vue动态权限绑定渲染列表(权限列表渲染) 首先请求服务器,获取当前用户的权限数据,比如请求 this.$http.get("rights/list"); 获取到权 ...

  8. 学习笔记——vue3.0中的性能优化

    前言 前端的性能优化主要从如何更快.如何更小.如何更省三个方面考虑. 更快可以从算法层面优化,使代码执行步骤更少:更小可以尝试减小文件体积,使用webpack压缩代码,压缩图片等:更省可以从如何减少h ...

  9. 专高六整理笔记(未完成,持续更新....)

    目录标题 1.说说你对Event Loop(事件循环)的理解? 2.说说你对BOM的理解,常见的BOM对象你了解哪些? DOM和BOW的区别: 常见的BOM对象都有哪些? 3.浏览器的内核都有哪些,什 ...

最新文章

  1. Linux内核探讨-- 第六章
  2. 报错引发的版本对应——tensorflow+keras+python版本对应(全)
  3. web3 0.2.x 和 1.x.x版本之间的差异
  4. 两条边延长角会有什么变化_《认识角》教学设计
  5. 判断本地和云端通讯录是否一致
  6. CreateaJointCurve.txt
  7. 事件代理与事件处理流程
  8. Activiti教程(一)activiti工作流简介
  9. python远程连接windows_python winrm 连接windows
  10. 北大公开课-计算概论
  11. python里sample_python中的sample什么意思
  12. 【历史上的今天】11 月 26 日:中国移动的第1亿个用户;Microsoft 确立名字;控制论鼻祖出生
  13. 石油化工企业防雷工程和防雷接地应用方案
  14. 洛谷 P5536 【XR-3】核心城市(贪心 + 树形 dp 寻找树的中心)
  15. 前端学习日志-7-浏览器
  16. 盛京剑客系列33:基本面真谛
  17. 易语言QQpost加好友源码
  18. 众昂矿业集团坐拥优质萤石矿产资源,未来可期
  19. 深度学习-卷积神经网络(CNN)
  20. 飞凌嵌入式 RK3399核心板 iMX6ULL核心板 iMX6UL核心板 PX30,RK3368,RK3288,RK3399,i.mx6芯片参数对比分析

热门文章

  1. Java扫雷游戏代码
  2. react-native 集成pushy
  3. 【KAWAKO】iphone13pro开箱流程
  4. 沃尔玛入股1号店交易完成 已开始业务对接
  5. java和python对比
  6. 毕业答辩的PPT全攻略
  7. 计算机基础知识课件北京大板,计算机基础知识
  8. html如何用mp4做背景音乐,如何用相片制作mv配上流行mp3背景音乐 打造自己的mv
  9. html表格如何成为一条线,html如何制作细线表格
  10. openGauss数据库权限管理模型(下)