All Posts

  • Published on
    本文深度剖析了核心 Web 性能指标 TTFB (Time To First Byte) 的构成与优化。内容全面覆盖了四大核心优化策略:传输压缩(Gzip/Brotli)、协议升级(HTTP/2, HTTP/3)、服务器能力增强(应用/数据库优化)以及利用 CDN 缩短网络距离。
  • Published on
    本文深度剖析了 Google 的 Core Web Vitals (LCP, CLS, INP) 以及其他关键的 Web 性能指标 (FCP, TTFB, FID)。内容涵盖了每个指标的精确定义、计算方式、官方性能阈值及它们在页面加载生命周期中的相互关系。
  • Published on
    本文深度剖析了 ES6 Proxy 对象作为元编程核心的强大能力。内容从 Proxy 与 Reflect 的基础机制入手,逐步深入到两大核心应用场景:利用 set 陷阱构建响应式系统,以及结合 DOM 事件实现双向数据绑定。
  • Published on
    本文深度剖析了 W3C 标准的 Web Components 技术栈,内容涵盖 Custom Elements 的定义与生命周期、利用 HTML Template 高效渲染 DOM,以及两种核心内容分发模式——开放的 Light DOM 与强封装的 Shadow DOM——的机制、差异与最佳实践。
  • Published on
    本文深度剖析了 JavaScript 中两种核心的事件监听模型:传统的 on-event 属性赋值和现代的 addEventListener 方法。内容涵盖了它们在监听器数量、事件流(捕获与冒泡)、this 指向、监听器移除等方面的本质区别。