feat：添加解答

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

@@ -55,3 +55,24 @@ reconcile流程的本质，是对比current fiberNode与 JSX 对象，生成 wip
 
 ### 性能优化要点
 尽量避免将节点从后面移动到前面
+
+
+### 解答
+diff算法是指生成补丁的方式，主要用于虚拟DOM变化，更新真实DOM, 所以diff算法一定存在这样一个过程：触发更新、生成补丁、应用补丁。
+react触发更新的时机主要在state变化和hooks调用之后，此时触发虚拟dom树变更遍历，采用深度优先算法，但传统的遍历方式效率较低，为了优化效率采用了分治的方式，将单一节点的比对转化为三种类型节点的比对，分别是：树、组件与元素以此来提升效率。
+树比对：由于网页视图中较少有跨层级的节点移动，两组数据虚拟dom树只对同级节点进行比较；
+组件比对：如果组件是同一类型则进行树比对，如果不是则放入补丁中；
+元素比对：主要发生在同层级中，通过标记节点操作生成补丁，节点操作对应真实的DOM剪裁操作；
+以上是经典的react diff算法内容。
+自react16起，引入了fiber架构，为了使整个过程随时暂停与恢复，节点与树分别采用fiberNode于fiberTree进行重构，fiberNode采用了双链表的结构，可以直接找到兄弟节点与子节点。整个更新过程有current于workInProgress两株树双缓冲完成，workInProgress更新完成后再通过修改current相关指针去指向新的节点。
+
+React拥有完整的diff算法策略，且拥有随时中断更新的时间切片能力，在大批量节点更新的情况下拥有更友好的交互体验。
+
+<!-- Preact 的diff算法与react相似，但最底层的dom采用了真实的dom对比操作，未采用fiber设计 -->
+
+优化策略：
+1. 尽量避免跨层级节点移动
+2. 通过设置唯一key进行优化
+3. 尽量减少组件层级深度
+4. shouldComponentUpdate\ PureComponent 等优化
+