认识
一、认识
completeWork
向上深度优先归并: 向上归并的过程中,调用completeWork
处理Fiber
节点。当某个Fiber
节点执行完completeWork
,如果其存在兄弟Fiber
节点(即fiber.sibling !== null
),会进入其兄弟Fiber
的向下调和阶段。如果不存在兄弟Fiber
,会进入父级Fiber
的向上归并阶段。向上归并期间可以形成effectList
,对于初始化流程会创建 DOM
,对于 DOM
元素进行事件收集,处理style
,className
等。
completeWork
主要工作是处理fiber
的props
、创建Dom
、创建effectList
向下调和和向上归并阶段会交错执行直到向上归并到rootFiber
,render
阶段的工作就结束了。
二、流程
Preview