Published on2025年9月10日元素隐藏策略AccessibilityCSSdisplayLayoutopacityPerformancevisibility本文深度剖析了 CSS 中用于视觉上隐藏元素的多种技术。内容从 display: none, visibility: hidden, opacity: 0 到 off-screen 定位,系统性地对比了每种方法的实现原理及其对可访问性、文档流、渲染和事件触发的影响。
Published on2025年9月8日Promise.all:从规范到手写实现AsynchronousEventLoopJavaScriptPolyfillPromise本文深度剖析了 Promise.all 的内部实现原理与工程实践。内容从 ECMAScript 规范要求入手,系统性地阐述了处理并发 Promise 的核心逻辑,包括参数校验、结果顺序保证和“快速失败 (fail-fast)”的拒绝机制。
Published on2025年9月7日lazy 内部机制CodeSplittingFiberReactReactInternalsReactLazySuspense本文深度剖析了 React.lazy() API 的内部工作机制。内容系统性地阐述了 lazy() 返回的特殊 React 元素如何与 Fiber 架构紧密集成,通过其内部状态机管理模块的异步加载过程。笔记详细解析了其在协调 (Reconciliation) 阶段的特殊处理流程,并揭示了其在性能优化(避免冗余 Fiber 节点)与类型安全方面的设计考量。
Published on2025年9月7日useState 内部机制FiberReactReactHooksReactInternalsReconciliationuseState本文深度剖析了 React useState Hook 的内部工作机制。内容系统性地阐述了 useState 在组件生命周期的三个关键阶段——初始挂载、状态更新(调度)与重渲染——的底层实现,并详细拆解了其与 Fiber 架构及 Lane 优先级模型的交互。
Published on2025年9月6日React 初始挂载渲染管线FiberInitialMountReactReactInternalsReconciliation本文深度剖析了 React 的初始挂载渲染管线,系统性地阐述了从 createRoot().render() 调用到最终 DOM 节点呈现的完整过程。内容详细拆解了 Fiber 架构下的四大核心阶段——触发、调度、渲染和提交,并深入到 beginWork, completeWork 和 commitMutationEffects 等内部工作单元。