React原理剖析之diff算法，一点也不难！！！

diff算法听起来很深奥。其实真的没那么难。今天我们就用最简单的话把diff算法讲清楚。

虚拟Dom

什么是虚拟Dom

在传统的dom中只有真实Dom↓

这玩意就是真实DOM,我们能看见的节点元素。↓

react/vue这些组件化的框架诞生后，增加了一个概念，虚拟Dom。所以，在传统的浏览器和真实Dom之间增加了一层。虚拟Dom层。成了这样↓

虚拟DOM本质上他就只是一个对象！！！ 没什么难的，虚拟DOM就只是一个对象而已。只是这玩意，我们不能在视图上只管的看见，它在源码里。

我们拿一段真实DOM来映射一下与之对应的虚拟Dom↓

 //真实DOM<div class="d-class" key=&