1
0
Fork 0
Browse Source

vault backup: 2022-05-07 15:04:02

master
YuJian 3 years ago
parent
commit
40dddfd80e
  1. 1
      自顶向下学 React 源码/beginWork 和 completeWork.md
  2. 2
      自顶向下学 React 源码/effectList 的生成.md
  3. 1
      自顶向下学 React 源码/奇怪的疑惑.md
  4. 5
      随时随地/1Toc_随时随地.md
  5. 1
      随时随地/简单的 React 思考 - Context.md
  6. 1
      随时随地/简单的 React 思考 - Fiber 创建.md
  7. 1
      随时随地/简单的 React 思考 - useCallback和useMemo.md
  8. 1
      随时随地/简单的 React 思考 - useReducer.md

1
自顶向下学 React 源码/beginWork 和 completeWork.md

@ -1,4 +1,3 @@
# beginWork 和 completeWork
在 [[React 源码的碎片记录]] 中写了,在 React 的 Fiber 递归阶段会有两个函数,分别执行递和归两个动作,它们就是 beginWork 和 completeWork 在 [[React 源码的碎片记录]] 中写了,在 React 的 Fiber 递归阶段会有两个函数,分别执行递和归两个动作,它们就是 beginWork 和 completeWork
```javascript ```javascript
function beginWork(current, workInProgress, renderLanes) {} function beginWork(current, workInProgress, renderLanes) {}

2
自顶向下学 React 源码/effectList 的生成.md

@ -1,5 +1,3 @@
# effectList 的生成
在 React Fiber 的 completeWork 阶段,React 会将所有被标记上 effectTag 的 Fiber 节点通过一个单向链表给连接起来,这样在 commit 阶段的时候,只需要遍历这一条链表就能快速更新页面 在 React Fiber 的 completeWork 阶段,React 会将所有被标记上 effectTag 的 Fiber 节点通过一个单向链表给连接起来,这样在 commit 阶段的时候,只需要遍历这一条链表就能快速更新页面
如果一个 Fiber 节点在 completeWork 阶段抛出异常,那么它的父 Fiber 节点会被打上 Incomplete 标记,表示当前的父 Fiber 下的子 Fiber 树没有完成构建 如果一个 Fiber 节点在 completeWork 阶段抛出异常,那么它的父 Fiber 节点会被打上 Incomplete 标记,表示当前的父 Fiber 下的子 Fiber 树没有完成构建

1
自顶向下学 React 源码/奇怪的疑惑.md

@ -1,4 +1,3 @@
# 奇怪的疑惑
- [ ] 什么是双缓存?React 是如何实现双缓存的 - [ ] 什么是双缓存?React 是如何实现双缓存的
- [x] JSX 和 Fiber 的关系 - [x] JSX 和 Fiber 的关系
首屏渲染时 JSX 是创建 Fiber 节点的依据,更新渲染时,JSX 会和 current Fiber 树中的节点做对比生成 workInProgress Fiber 首屏渲染时 JSX 是创建 Fiber 节点的依据,更新渲染时,JSX 会和 current Fiber 树中的节点做对比生成 workInProgress Fiber

5
随时随地/1Toc_随时随地.md

@ -1,5 +1,3 @@
# 随时随地
[[简单的 React 思考 - 状态管理工具]] [[简单的 React 思考 - 状态管理工具]]
[[简单的 React 思考 - Context]] [[简单的 React 思考 - Context]]
[[简单的 React 思考 - Fiber 创建]] [[简单的 React 思考 - Fiber 创建]]
@ -7,4 +5,5 @@
[[简单的 React 思考 - useReducer]] [[简单的 React 思考 - useReducer]]
[[随时随地/奇怪的疑惑]] [[随时随地/奇怪的疑惑]]
[[React Hooks 的碎片记录]] [[React Hooks 的碎片记录]]
[[useEffect 和 Debounce]] [[useEffect 和 Debounce]]
[[管理后台中的 Tab 功能]]

1
随时随地/简单的 React 思考 - Context.md

@ -1,4 +1,3 @@
# 简单的 React 思考 - Context
关于 React 中 Context 作为状态管理工具的思考具体可以这一篇 [[简单的 React 思考 - 状态管理工具]] 关于 React 中 Context 作为状态管理工具的思考具体可以这一篇 [[简单的 React 思考 - 状态管理工具]]
这里主要是对 Context API 的简单记录 这里主要是对 Context API 的简单记录

1
随时随地/简单的 React 思考 - Fiber 创建.md

@ -1,4 +1,3 @@
# 简单的 React 思考: Fiber 创建
首先先来看一段代码 首先先来看一段代码
![[简单的 React 思考 - Fiber 创建.png]] ![[简单的 React 思考 - Fiber 创建.png]]

1
随时随地/简单的 React 思考 - useCallback和useMemo.md

@ -1,4 +1,3 @@
# 简单的 React 思考: useCallback / useMemo
useCallback 和 useMemo 都是 React 里边比较简单的 Hook,先看看官网对于这两个 Hook 的介绍。 useCallback 和 useMemo 都是 React 里边比较简单的 Hook,先看看官网对于这两个 Hook 的介绍。
```javascript ```javascript

1
随时随地/简单的 React 思考 - useReducer.md

@ -1,4 +1,3 @@
# 简单的 React 思考 - useReducer
在一些需要连续更新状态的场景下,useReducer 会比 useState 更加的合适 在一些需要连续更新状态的场景下,useReducer 会比 useState 更加的合适
```javascript ```javascript

Loading…
Cancel
Save