跳到主要内容

认识

一、认识


completeWork向上深度优先归并: 向上归并的过程中,调用completeWork处理Fiber节点。当某个Fiber节点执行完completeWork,如果其存在兄弟Fiber节点(即fiber.sibling !== null),会进入其兄弟Fiber向下调和阶段。如果不存在兄弟Fiber,会进入父级Fiber向上归并阶段。向上归并期间可以形成effectList,对于初始化流程会创建 DOM ,对于 DOM 元素进行事件收集,处理styleclassName等。

completeWork主要工作是处理fiberprops、创建Dom、创建effectList

向下调和向上归并阶段会交错执行直到向上归并rootFiber,render阶段的工作就结束了。

二、流程


Preview