feat: 更新文档

docs/知识点/React diff算法.md

@@ -59,10 +59,16 @@ reconcile流程的本质，是对比current fiberNode与 JSX 对象，生成 wip
 
 ### 解答
 diff算法是指生成补丁的方式，主要用于虚拟DOM变化，更新真实DOM, 所以diff算法一定存在这样一个过程：触发更新、生成补丁、应用补丁。
-react触发更新的时机主要在state变化和hooks调用之后，此时触发虚拟dom树变更遍历，采用深度优先算法，但传统的遍历方式效率较低，为了优化效率采用了分治的方式，将单一节点的比对转化为三种类型节点的比对，分别是：树、组件与元素以此来提升效率。
+
+react触发更新的时机主要在state变化和hooks调用之后，此时触发虚拟dom树变更遍历，采用深度优先算法，但传统的遍历方式效率较低，为了优化效率采用了分治的方式，将单一节点的比对转化为
+三种类型节点的比对，分别是：树、组件与元素以此来提升效率。
+
 树比对：由于网页视图中较少有跨层级的节点移动，两组数据虚拟dom树只对同级节点进行比较；
+
 组件比对：如果组件是同一类型则进行树比对，如果不是则放入补丁中；
+
 元素比对：主要发生在同层级中，通过标记节点操作生成补丁，节点操作对应真实的DOM剪裁操作；
+
 以上是经典的react diff算法内容。
 自react16起，引入了fiber架构，为了使整个过程随时暂停与恢复，节点与树分别采用fiberNode于fiberTree进行重构，fiberNode采用了双链表的结构，可以直接找到兄弟节点与子节点。整个更新过程有current于workInProgress两株树双缓冲完成，workInProgress更新完成后再通过修改current相关指针去指向新的节点。