前端javascript高级面试视频笔记-virtual dom（五）

5-3 什么是vdom-jquery1




如果放这里就会渲染五遍，上面只渲染一次。
dom操作渲染昂贵
控制台闪烁，收起：说明里面内容全改了
我们期待只改30和深圳，而不是要全部改

5-5总结 什么是dom
创建了一个div节点，然后用for in去遍历所有的属性，打印
默认创建的dom节点数量多，侧面反映复杂性。
尽量少的操作dom

vdom是什么，存在的必要性

标签名，属性，子节点，文本（js字符串）模拟

哪些dom该操作哪些不该操作，就要找逻辑，执行了什么运算。

5-6 使用 vdom-snabbdom-1

vdom如何存在？
snabbdom 开源的一个库
能实现MVVM的很多，不局限于Vue，react


5-7 使用 vdom-snabbdom-2（跳过）


5-9 使用 vdom - 重做demo-1

---

先定义渲染函数，然后立刻执行渲染（初次渲染）
存储旧的 vnode （patch要新旧对比，找出差异，修改差异）

要用data生成一个最新的vnode
newVnode用h()函数创建
第一个是标签，第二个属性，第三个是数组（由data这个数据源决定有多少行，所以必须根据

button点击事件，重新执行