1
0
Fork 0
Browse Source

vault backup: 2022-04-12 14:30:10

master
YuJian 3 years ago
parent
commit
8cefc01335
  1. 1
      自顶向下学 React 源码/React 源码的碎片记录.md

1
自顶向下学 React 源码/React 源码的碎片记录.md

@ -12,3 +12,4 @@
- Fiber 中的 alternate 属性则表示了 Fiber 的工作方式 - Fiber 中的 alternate 属性则表示了 Fiber 的工作方式
- React 的双缓存:React 有着 current Fiber 树和存在于内存中的 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 树 - React 的双缓存:每一次 React 的更新都会创建一个 workInProgress Fiber 树,current Fiber 和 workInProgress Fiber 之间使用 alternate 属性链接,方便公用属性,当 workInProgress Fiber 完成渲染,FiberRootNode 的指针就会指向 workInProgress Fiber 树的根节点 RootFiber,这时 workInProgress Fiber 就变成了 current Fiber 树
- React 会尽量的复用 Fiber,在创建 workInProgress Fiber 时,如果 current Fiber 中节点的 alternate 属性已经指向一个 Fiber 节点,那么新创建的 workInProgress Fiber 节点就会基于alternate 指向的 Fiber 节点来创建
Loading…
Cancel
Save