Diff算法与key的作用

真实DOM的解析流程
1.分析html文件，构建dom树
2.分析样式，生成样式表
3.将DOM树和样式表，关联起来，构建一颗Render树
4.浏览器为每个Render树上的节点确定坐标。
5.根据坐标渲染
操作真实dom的代价：计算机硬件一直在迭代更新，操作DOM的代价仍旧是昂贵的，频繁操作还是会出现页面卡顿，影响用户体验。
为什么用虚拟DOM好处是什么？
虚拟DOM就是为了解决浏览器性能问题而被设计出来的。
若一次操作中有10次更新DOM的动作，虚拟DOM不会立即操作DOM，而是将这10次更新的diff内容保存到本地一个JS对象中，最终将这个JS对象一次性attch到DOM树上，再进行后续操作，避免大量无谓的计算量。所以，用JS对象模拟DOM节点的好处是，页面的更新可以先全部反映在JS对象(虚拟DOM)上，操作内存中的JS对象的速度显然要更快，等更新完成后，再将最终的JS对象映射成真实的DOM，交由浏览器去绘制。
vue核心之虚拟DOM(vdom) - 简书
平层Diff，只有以下4种情况：
        1、节

Diff算法与key的作用最先出现在Python成神之路。