Published on2025年8月1日HTTP CookieFrontendBrowserNetworkSecurity本文深度剖析了 HTTP Cookie 作为 Web 应用状态管理核心的机制与安全策略。内容系统性地阐述了 Cookie 的工作原理,详细解析了其生命周期、作用域和安全相关的各大属性(如 Max-Age, Path, HttpOnly, Secure, SameSite),并探讨了会话管理(Session Management)和 Cookie 签名等高级安全实践。
Published on2025年7月31日Web 实时通信技术FrontendNetwork本文深度剖析了实现 Web 实时或近实时通信的四种核心技术,系统性地阐述了从传统的短轮询、长轮询,到现代基于持久连接的 Server-Sent Events (SSE) 和 WebSocket 的演进。笔记通过序列图和代码示例,详细对比了每种技术的内部机制、性能开销、通信模型及适用场景。
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) 盒的布局特性与数学行为。