From fb483bf39649e3a54b86c5cafdb74f0a7563f28b Mon Sep 17 00:00:00 2001 From: YuJian Date: Thu, 12 May 2022 08:36:13 +0800 Subject: [PATCH] vault backup: 2022-05-12 08:36:13 --- React 的源码深入/奇怪的疑惑.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/React 的源码深入/奇怪的疑惑.md b/React 的源码深入/奇怪的疑惑.md index cc31004..b26e6e1 100644 --- a/React 的源码深入/奇怪的疑惑.md +++ b/React 的源码深入/奇怪的疑惑.md @@ -1,14 +1,15 @@ -- [ ] 什么是双缓存？React 是如何实现双缓存的 +- [x] 什么是双缓存？React 是如何实现双缓存的 + React 运行时自始至终都存在着两颗 Fiber 树，一颗叫做 Current 另一棵叫 WorkInProgress - [x] JSX 和 Fiber 的关系 首屏渲染时 JSX 是创建 Fiber 节点的依据，更新渲染时，JSX 会和 current Fiber 树中的节点做对比生成 workInProgress Fiber - [x] React Components 与 React Element 的关系 Components 会作为 React.createElement 的第一个参数，也就是 type 参数 -- [ ] 什么是深度优先遍历 -- [ ] 在 React 18 ，beginWork 这个方法似乎做了一些修改，具体修改了什么？ +- [x] 什么是深度优先遍历 + [[算法之美 - 深度优先遍历]] - [ ] 什么是按位或？ - [ ] 为什么 React 要尽可能的复用 Fiber， 是因为创建新的 Fiber 非常消耗性能吗？ - [x] 是不是在 React 运行时中，自始至终都存在两个 Fiber Tree，只是他们的名字会来回交换，一会我是 current 一会他是 current ？ - - 是的 + 是的 - [ ] reconcileChildren 的具体功能？ - [x] reconciler 阶段会深度优先遍历找出所有需要更新或者发生更改的 Fiber 节点，然后遍历出完整的Fiber，然后作为参数传递给 commitRoot 函数进入 commit 阶段，那么在 commit 阶段也要对 Fiber 树进行深度优先遍历吗？ - - [[React 的深入探索 - effectList 链表]] \ No newline at end of file + [[React 的深入探索 - effectList 链表]] \ No newline at end of file