技术笔记19 分钟
useCallback和useMemo
useCallback 和 useMemo 的区别是什么？在组件更新阶段，首先拿到之前的 hook 对象，从之前的 hook 对象的 memoizedState 上面拿到之前的依赖项，和新传入的依赖项做一个对比，如果相同，则返回之前缓存的 callback，否则就重新缓存，返回新的 callback
管
管理员2026/1/26
技术笔记59 分钟
Hooks原理
Hook是如何保存函数组件状态的？为什么不能在循环，条件或嵌套函数中调用 Hook ？- HoosDispatcherOnUpdate：函数组件进行更新的时候，会执行该对象所对应的方法。此时 Fiber 上面已经存储了函数组件的相关信息，这些 Hook 需要做的就是去获取或者更新维护这些 FIber 的信息
管
管理员
技术笔记32 分钟
React 中的事件-合成事件对象
简述一下 React 中的事件是如何处理的？React 事件系统需要考虑到很多边界情况，因此代码量是非常大的，我们这里通过书写一个简易版的事件系统来学习 React 事件系统的原理。这个是对浏览器原生事件对象的一层封装，兼容了主流的浏览器
管
管理员
技术笔记52 分钟
图解 diff 算法
React 中的 diff 算法有没有了解过？具体的流程是怎么样的？React 为什么不采用 Vue 的双端对比算法？diff 算法本身是有性能上面的消耗，在 React 文档中有提到，即便采用最前沿的算法，如果要完整的对比两棵树，那么算法的复杂度都会达到 O(n^3)，n 代表的是元素的数量，如果 n 为 1000，要执行的计算量会达到十亿量级的级别。
管
管理员
技术笔记27 分钟
Fiber 双缓冲
谈一谈你对 React 中 Fiber 的理解以及什么是 Fiber 双缓冲？在 React v16 之前，使用的是 Stack Reconciler，因此那个时候的 React 架构被称之为 Stack 架构。从 React v16 开始，重构了整个架构，引入了 Fiber，因此新的架构也被称之为 Fiber 架构，Stack Reconciler 也变成了 Fiber Reconciler。各个 FiberNode 之间通过链表的形式串联起来：
管
管理员
技术笔记28 分钟
React 渲染流程
是否了解过 React 的整体渲染流程？里面主要有哪些阶段？注意上面 render 阶段的工作是在内存里面进行的，不会更新宿主环境 UI，因此这个阶段即使工作流程反复被中断，用户也不会看到“更新不完整的UI”。当 Scheduler 调度完成后，将任务交给 Reconciler，Reconciler 就需要计算出新的 UI，最后就由 Renderer **同步**进行渲染更新操作。
管
管理员
技术笔记37 分钟
React 整体架构
是否了解过 React 的架构？新的 Fiber 架构相较于之前的 Stack 架构有什么优势？Stack 架构在进行虚拟 DOM 树比较的时候，采用的是递归，计算会消耗大量的时间，新的 Fiber 架构采用的是链表，可以实现时间切片，防止 JS 的计算占用过多的时间从而导致浏览器出现丢帧的现象。
管
管理员
技术笔记28 分钟
Virtual DOM
虚拟 DOM 是一种思想，JS 对象是一种思想的具体实现。虚拟 DOM 最早是由 React 团队提出来的，因此 React 团队在对虚拟 DOM 的定义上面有绝对的话语权。也就是说，只要我们有一种方式，能够将真实 DOM 的层次结构描述出来，那么这就是一个虚拟 DOM。
管
管理员