Published on2025年7月30日虚拟列表 (Virtual Scrolling) 的实现原理FrontendJavaScriptPerformance本文深度剖析了前端性能优化中的核心技术——虚拟列表 (Virtual Scrolling / Windowing)。内容系统性地阐述了其工作原理,即通过仅渲染视口内可见的 DOM 节点来处理海量数据。
Published on2025年7月29日Observer API:高效的 DOM 状态监控FrontendJavaScript本文深度剖析了现代浏览器提供的三大 Observer API:IntersectionObserver, MutationObserver, 和 ResizeObserver。内容系统性地阐述了每种 Observer 的构造、配置与回调机制。
Published on2025年7月28日盒模型:从结构、尺寸计算到格式化上下文FrontendCSS本文深度剖析了 CSS 盒模型 (Box Model) 的核心机制,内容系统性地阐述了盒模型的四层结构(content, padding, border, margin)、两种尺寸计算模式(content-box vs border-box),以及块级 (block)、行内级 (inline) 和匿名 (anonymous) 盒的布局特性与数学行为。
Published on2025年7月28日格式化上下文 (Formatting Contexts)FrontendCSS本文深度剖析了 CSS 布局的底层机制——格式化上下文 (Formatting Context)。内容系统性地阐述了其核心原则(隔离性、可扩展性、可预测性),并详细拆解了两种基础上下文:块格式化上下文 (BFC) 和行内格式化上下文 (IFC) 的建立条件与布局规则。
Published on2025年7月28日position 属性与包含块FrontendCSS本文深度剖析了 CSS position 属性的核心机制,系统性地阐述了 static, relative, absolute, fixed, sticky 五种定位模式。内容详细拆解了每种模式与文档流的关系、其包含块 (Containing Block) 的确定规则,以及对堆叠上下文 (Stacking Context) 的影响。