|
|
@ -10,4 +10,5 @@ |
|
|
|
- Fiber 中带有 effcet 名称的属性代表与副作用相关,Host Component 中的 DOM 的增删改查,Functuon 中的 useEffect、useLayoutEffect |
|
|
|
- Fiber 中带有 effcet 名称的属性代表与副作用相关,Host Component 中的 DOM 的增删改查,Functuon 中的 useEffect、useLayoutEffect |
|
|
|
- Fiber 中的 lanes 属性和 childLanes 属性与 Fiber 的优先级的调度有关 |
|
|
|
- Fiber 中的 lanes 属性和 childLanes 属性与 Fiber 的优先级的调度有关 |
|
|
|
- Fiber 中的 alternate 属性则表示了 Fiber 的工作方式 |
|
|
|
- Fiber 中的 alternate 属性则表示了 Fiber 的工作方式 |
|
|
|
- Fiber 的双缓存实现,有着 current Fiber 树和存在于内存中的 workInProgress Fiber 树,当 workInProgress Fiber 完成渲染,FiberRootNode 的指针就会指向 workInProgress Fiber 树的根节点 RootFiber,这时 workInProgress Fiber |
|
|
|
- React 的双缓存:React 有着 current Fiber 树和存在于内存中的 workInProgress Fiber 树 |
|
|
|
|
|
|
|
- React 的双缓存:每一次 React 的更新都会创建一个 workInProgress Fiber 树,current Fiber 和 workInProgress Fiber 之间使用 alternate 属性链接,方便公用属性,当 workInProgress Fiber 完成渲染,FiberRootNode 的指针就会指向 workInProgress Fiber 树的根节点 RootFiber,这时 workInProgress Fiber 就变成了 current Fiber 树 |