diff 算法作用在 render (调和)阶段：
第一次渲染不需要 diff，直接 vdom 转 fiber。
再次渲染的时候，会产生新的 vdom，这时候要和之前的 fiber 做下对比，决定怎么产生新的 fiber，对可复用的节点打上修改的标记，剩余的旧节点打上删除标记，新节点打上新增标记。
React 的 diff 算法是分成两次遍历的：
第一轮遍历，一一对比 vdom 和老的 fiber，如果可以复用就处理下一个节点，否则就结束遍历。
如果所有的新的 vdom 处理完了，那就把剩下的老 fiber 节点删掉就行。
如果还有 vdom 没处理，那就进行第二次遍历：
第二轮遍历，把剩下的老 fiber 放到 map 里，遍历剩下的 vdom，从 map 里查找，如果找到了，就移动过来。
第二轮遍历完了之后，把剩余的老 fiber 删掉，剩余的 vdom 新增。

疑问：

fiber和vdom的结构不一样，他们是怎么遍历的?

各自按自己的方式取节点来对比

参考