From 40dddfd80e65766bc61719577d61252ca4f25616 Mon Sep 17 00:00:00 2001 From: YuJian Date: Sat, 7 May 2022 15:04:02 +0800 Subject: [PATCH] vault backup: 2022-05-07 15:04:02 --- 自顶向下学 React 源码/beginWork 和 completeWork.md | 1 - 自顶向下学 React 源码/effectList 的生成.md | 2 -- 自顶向下学 React 源码/奇怪的疑惑.md | 1 - 随时随地/1Toc_随时随地.md | 5 ++--- 随时随地/简单的 React 思考 - Context.md | 1 - 随时随地/简单的 React 思考 - Fiber 创建.md | 1 - .../简单的 React 思考 - useCallback和useMemo.md | 1 - 随时随地/简单的 React 思考 - useReducer.md | 1 - 8 files changed, 2 insertions(+), 11 deletions(-) diff --git a/自顶向下学 React 源码/beginWork 和 completeWork.md b/自顶向下学 React 源码/beginWork 和 completeWork.md index c6d56a6..6daf026 100644 --- a/自顶向下学 React 源码/beginWork 和 completeWork.md +++ b/自顶向下学 React 源码/beginWork 和 completeWork.md @@ -1,4 +1,3 @@ -# beginWork 和 completeWork 在 [[React 源码的碎片记录]] 中写了，在 React 的 Fiber 递归阶段会有两个函数，分别执行递和归两个动作，它们就是 beginWork 和 completeWork ```javascript function beginWork(current, workInProgress, renderLanes) {} diff --git a/自顶向下学 React 源码/effectList 的生成.md b/自顶向下学 React 源码/effectList 的生成.md index 055de9a..a3de8fb 100644 --- a/自顶向下学 React 源码/effectList 的生成.md +++ b/自顶向下学 React 源码/effectList 的生成.md @@ -1,5 +1,3 @@ -# effectList 的生成 - 在 React Fiber 的 completeWork 阶段，React 会将所有被标记上 effectTag 的 Fiber 节点通过一个单向链表给连接起来，这样在 commit 阶段的时候，只需要遍历这一条链表就能快速更新页面 如果一个 Fiber 节点在 completeWork 阶段抛出异常，那么它的父 Fiber 节点会被打上 Incomplete 标记，表示当前的父 Fiber 下的子 Fiber 树没有完成构建 diff --git a/自顶向下学 React 源码/奇怪的疑惑.md b/自顶向下学 React 源码/奇怪的疑惑.md index dd13e68..0d979d0 100644 --- a/自顶向下学 React 源码/奇怪的疑惑.md +++ b/自顶向下学 React 源码/奇怪的疑惑.md @@ -1,4 +1,3 @@ -# 奇怪的疑惑 - [ ] 什么是双缓存？React 是如何实现双缓存的 - [x] JSX 和 Fiber 的关系 首屏渲染时 JSX 是创建 Fiber 节点的依据，更新渲染时，JSX 会和 current Fiber 树中的节点做对比生成 workInProgress Fiber diff --git a/随时随地/1Toc_随时随地.md b/随时随地/1Toc_随时随地.md index 033260b..c47c535 100644 --- a/随时随地/1Toc_随时随地.md +++ b/随时随地/1Toc_随时随地.md @@ -1,5 +1,3 @@ -# 随时随地 - [[简单的 React 思考 - 状态管理工具]] [[简单的 React 思考 - Context]] [[简单的 React 思考 - Fiber 创建]] @@ -7,4 +5,5 @@ [[简单的 React 思考 - useReducer]] [[随时随地/奇怪的疑惑]] [[React Hooks 的碎片记录]] -[[useEffect 和 Debounce]] \ No newline at end of file +[[useEffect 和 Debounce]] +[[管理后台中的 Tab 功能]] \ No newline at end of file diff --git a/随时随地/简单的 React 思考 - Context.md b/随时随地/简单的 React 思考 - Context.md index 7838c9f..1219783 100644 --- a/随时随地/简单的 React 思考 - Context.md +++ b/随时随地/简单的 React 思考 - Context.md @@ -1,4 +1,3 @@ -# 简单的 React 思考 - Context 关于 React 中 Context 作为状态管理工具的思考具体可以这一篇 [[简单的 React 思考 - 状态管理工具]] 这里主要是对 Context API 的简单记录 diff --git a/随时随地/简单的 React 思考 - Fiber 创建.md b/随时随地/简单的 React 思考 - Fiber 创建.md index 414c5f7..323f3b9 100644 --- a/随时随地/简单的 React 思考 - Fiber 创建.md +++ b/随时随地/简单的 React 思考 - Fiber 创建.md @@ -1,4 +1,3 @@ -# 简单的 React 思考: Fiber 创建 首先先来看一段代码 ![[简单的 React 思考 - Fiber 创建.png]] diff --git a/随时随地/简单的 React 思考 - useCallback和useMemo.md b/随时随地/简单的 React 思考 - useCallback和useMemo.md index 432fdc7..f747706 100644 --- a/随时随地/简单的 React 思考 - useCallback和useMemo.md +++ b/随时随地/简单的 React 思考 - useCallback和useMemo.md @@ -1,4 +1,3 @@ -# 简单的 React 思考: useCallback / useMemo useCallback 和 useMemo 都是 React 里边比较简单的 Hook，先看看官网对于这两个 Hook 的介绍。 ```javascript diff --git a/随时随地/简单的 React 思考 - useReducer.md b/随时随地/简单的 React 思考 - useReducer.md index 0bc023e..7126365 100644 --- a/随时随地/简单的 React 思考 - useReducer.md +++ b/随时随地/简单的 React 思考 - useReducer.md @@ -1,4 +1,3 @@ -# 简单的 React 思考 - useReducer 在一些需要连续更新状态的场景下，useReducer 会比 useState 更加的合适 ```javascript