React Hooks 依赖函数组件每次渲染时按固定顺序调用的特性，其内部通过链表将 Hook 状态与组件 Fiber 节点关联。 一、Hook 链表结构 每个函数组件对应一个 memoizedState 链表，每个节点保存 state、queue 与 next 指针。这也是 Hooks 不能在条件语句中调用的根本原因
分类：前端工程
共 4 篇文章前端工程相关技术文章
Core Web Vitals 是 Google 提出的用户体验核心指标，包括 LCP、INP 与 CLS。 一、三大指标 LCP（Largest Contentful Paint）：最大内容绘制时间，目标 < 2.5s INP（Interaction to Next Paint）：交互响应延迟，目标 < 200ms
TypeScript 的类型系统本身是一门图灵完备的纯函数式编程语言。通过泛型、条件类型（Conditional Types）、模板字面量类型（Template Literal Types）以及 infer 关键字，开发者可以在编译期执行极其复杂的静态运算与代码契约校验。其中，infer 关键字赋予了类型系统“模式匹配
前端主流框架在状态变化驱动 UI 渲染的机制上选择了截然不同的哲学路径。React 采用推导式粗粒度比对方案（Pull/Dirty Checking）。在 React 16 之前，Stack Reconciler 采用递归方式处理虚拟 DOM 树，遇到大型节点树时容易长时间霸占主执行栈，导致动画掉帧和输入响应延迟。Fi