Vue Virtual Dom 和 Diff原理(面试必备) 极简版
2024-10-07 21:07:55
我又来了，这是Vue面试三板斧的最后一招，当然也是极其简单了，先说Virtual Dom，来一句概念：
用js来模拟DOM中的节点。传说中的虚拟DOM。
再来一张图：
是不是一下子秒懂 没懂再来一张
Virtual Dom就先这样，理解了就OK，下面我们了解一下Diff，老规矩先来一句概念：
diff算法就是进行虚拟节点对比，并返回一个patch对象，用来存储两个节点不同的地方，最后用patch记录的消息去局部更新Dom。
换句人话
diff的过程就是调用名为
patch的函数，比较新旧节点，一边比较一边给真实的DOM打补丁
废话说了很多，上图
多说无益，再来一张图
这个Diff的过程不展开说了，有兴趣的童鞋可以走起，如果还没懂，再走起
敲黑板时间到：
基本上上面所讲的能理解，差不多Vue Virtual Dom 和 Diff原理你也就懂了，当然更深的还需要自己去看，欢乐时光特别快，又到时候讲拜拜
最新文章
- Git 的详细使用
- NGUI实现Sprite裁切成圆形或者椭圆形(不完美)
- poi excel export 乱码
- css渐变
- 建模算法（十一）——目标规划
- mysql 密码篇
- pic/at89c2051 programmer
- java.util 中的property
- jquery 如何动态绑定传递到后台上传组件参数
- Struts2-整理笔记（四）Action生命周期、如何获取参数（3种）、集合类型参数封装
- xpath无法获取值、返回值为[]或者{}的问题解决
- 阿里云CodePipeline vs Jenkins
- 更多more 123123循环
- 微信小程序如何调用API实现数据请求-wx.request()
- 黄聪：多个wordpress网站（不同域名）共享用户数据的方法
- Python之路(第十九篇)hashlib模块
- sparse linear regression with beta process priors
- 【学习笔记】Python基础教程学习笔记
- Linux下配置Samba服务器全过程
- @Transcational特性