Web Performance API 深度实践：Navigation/Resource Timing、PerformanceObserver 与指标采集
系统化使用 Web Performance API 进行性能采集与分析，覆盖导航/资源时序、PerformanceObserver 监听与核心指标汇报，提供可验证的优化闭环
前端框架
Next.js 15 sitemap-robots 动态生成与 hreflang-canonical 治理实践
在 Next.js 15 中通过 Route Handlers 动态生成 sitemap 与 robots.txt，配合 hreflang 与 canonical 治理提高搜索与抓取质量，适用于多语言与动态内容站点。
Web Speech API 语音识别转写与持久化实践
使用 Web Speech API 进行语音识别并将转写文本持久化到 IndexedDB，提供能力检测与事件处理示例。
CSS 动态视口单位：dvh/lvh/svh 的兼容与布局优化
"解释新视口单位 dvh/lvh/svh 在移动端 UI 可变高度下的作用与差异，给出兼容策略与工程实践，并提供权威参考。"
CSS 容器查询单位：cqw/cqh/cqi/cqb 与响应布局
使用容器查询单位根据容器尺寸而非视口驱动排版与尺寸，提升组件级响应式能力，并给出兼容策略。
HTML dialog 元素：showModal/close 与无障碍实践
"介绍原生 `` 的模式/非模式对话行为、`showModal/close/returnValue` 用法、焦点管理与遮罩、与无障碍策略协作，提供示例与注意事项。"
Web Streams API 与流式处理：ReadableStream/TransformStream、背压与管道实战
使用 Web Streams API 实现端侧流式处理，覆盖 ReadableStream/TransformStream 管道、背压治理与渐进渲染，提供可验证的时延与内存指标
渐进式 Web 应用 (PWA)：提升用户体验与离线能力
本文深入探讨渐进式 Web 应用 (PWA) 的核心概念、技术组成及其在提升用户体验和提供离线能力方面的优势。详细介绍 Service Worker、Web App Manifest 等关键技术，旨在帮助开发者构建高性能、可离线、可安装的现代化 Web 应用，媲美原生应用体验。
Web Components 基础与实践：构建可复用组件
本文深入探讨 Web Components 的核心技术，包括自定义元素 (Custom Elements)、Shadow DOM、HTML 模板 (HTML Templates) 和 HTML Imports (已废弃，由 ES Modules 替代)。通过实际案例，旨在帮助开发者理解如何利用 Web Components 构建可复用、可维护的组件，提升前端开发效率和组件化水平。
OffscreenCanvas 与 Web Workers 图像处理与渲染优化实践
基于 OffscreenCanvas 与 Web Workers 构建并行渲染与图像处理链路，验证在密集计算场景下降低主线程阻塞与提升交互性能。
