Fiber

/**
 * fiber架构
 * type: 标记类型
 * key: 标记当前层级下的唯一性
 * child : 第一个子元素 fiber
 * sibling : 下一个兄弟元素 fiber
 * return: 父fiber
 * node: 真实dom节点
 * props:属性值
 * base: 上次的节点 fiber
 * effectTag: 标记要执行的操作类型(删除、插入、更新)
 */

除了一些继承下来的属性,讲几个关键点

sibling : 下一个兄弟元素 fiber,类似于链表结构,按同级元素一个链接一个,实现同级元素的快速插入、删除
child : 第一个子元素的 fiber,支持向下递归
return: 父 fiber,

20180428113734143

类似于这也一个个小的 Fiber,相互链接构成了一棵完整的 fiber Tree

Fiber 和 Generator的异同