Published on2025年9月17日requestIdleCallback:浏览器空闲时间任务调度EventLoopJavaScriptPerformancerequestIdleCallbackScheduler本文深度剖析了 requestIdleCallback 这一 Web API,旨在实现浏览器空闲时段的协作式任务调度。内容系统性地阐述了其工作机制、IdleDeadline 对象(timeRemaining() 和 didTimeout)的用法,并提供了处理任务队列的最佳实践模式。
Published on2025年9月17日requestAnimationFrame:浏览器动画帧调度AnimationEventLoopJavaScriptPerformanceRenderingrequestAnimationFrame本文深度剖析了 requestAnimationFrame (rAF) 作为创建高性能 JavaScript 动画的权威 API。内容从浏览器渲染帧的生命周期入手,系统性地阐述了传统 setInterval 动画在时序上的缺陷,并详细解析了 rAF 如何通过与渲染管线同步来保证动画的流畅性与高效性,最后提供了一个构建平滑、自适应动画循环的最佳实践。
Published on2025年9月11日HTTP 协议的演进HTTPNetworkPerformanceQUICTCP本文深度剖析了 HTTP 协议从 1.x 到 2 再到 3 的演进历程。内容系统性地阐述了每个版本为应对日益复杂的 Web 需求所做的架构性变革,重点解析了队头阻塞 (Head-of-Line Blocking) 问题的演变与最终解决,并详细对比了 HTTP/2 的多路复用 (Multiplexing) 和 HTTP/3 革命性的 QUIC 协议在性能、连接管理和安全性上的核心差异。
Published on2025年9月10日元素隐藏策略AccessibilityCSSdisplayLayoutopacityPerformancevisibility本文深度剖析了 CSS 中用于视觉上隐藏元素的多种技术。内容从 display: none, visibility: hidden, opacity: 0 到 off-screen 定位,系统性地对比了每种方法的实现原理及其对可访问性、文档流、渲染和事件触发的影响。
Published on2025年9月5日高频事件优化:防抖与节流DebounceEventHandlingJavaScriptPerformanceThrottle本文深度剖析了 JavaScript 中用于优化高频事件处理的两种核心技术:防抖 (Debounce) 与节流 (Throttle)。内容系统性地阐述了两种模式的精确定义、底层闭包实现,并通过时间线图表进行可视化对比。笔记还涵盖了 leading/trailing 等高级配置,并指出了在事件监听器中因函数重复声明而导致的常见实现陷阱。