From 1a5561df2b1c443d284d38f0a8fb58156a2a7590 Mon Sep 17 00:00:00 2001 From: YuJian Date: Thu, 14 Apr 2022 10:52:30 +0800 Subject: [PATCH] vault backup: 2022-04-14 10:52:30 --- 自顶向下学 React 源码/React 源码的碎片记录.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/自顶向下学 React 源码/React 源码的碎片记录.md b/自顶向下学 React 源码/React 源码的碎片记录.md index d0f6a9b..74bfb5b 100644 --- a/自顶向下学 React 源码/React 源码的碎片记录.md +++ b/自顶向下学 React 源码/React 源码的碎片记录.md @@ -23,4 +23,5 @@ - 以 reconcileChildFibers 为例，会对 Children 的类型做判断，对判断结果分别做相应操作 - completeWork 会对 beginWork 创建好的 Fiber 进行填充，根据 Fiber 类型的不同有不同的处理逻辑，其中有一步就是创建真实 DOM 元素并将之前创建好的 DOM 元素插入 - finalizeInitChildren 为创建的 DOM 元素，插入已有的 props，内部也根据 Fiber 节点的 tag 区分不同的处理逻辑，还有对 props 是否合法的校验，甚至根据 props 的属性也做了不同逻辑的处理，最终交由 setValueForProperty 处理 -- completeWork 中的 appendAllChildren 会将创建好的真实DOM元素插入之前创建的子DOM元素 \ No newline at end of file +- completeWork 中的 appendAllChildren 会将创建好的真实DOM元素插入之前创建的子DOM元素 +- 对于首屏渲染，只会有一个节点被打上 effectTag，就是根节点，只需要根节点被打上 effectTag 那么就能渲染剩下的全部内容 \ No newline at end of file