微前端与 Module Federation 架构实践
"使用 Module Federation 构建微前端，覆盖暴露/远程、共享依赖与路由隔离的关键实践。"
前端
React Server Components实战——构建高性能前端
"基于 Next.js App Router 的 RSC 架构实践，降低客户端负担并提升首屏性能。"
Server-Sent Events 实时流：EventSource 与断线重连实践
使用 SSE（EventSource）实现服务端到客户端的实时数据流，结合断线重连与心跳治理，提高稳定性与兼容性，并提供经验证的延迟与成功率指标。
Service Worker 流式响应与 ReadableStream 管线：首屏与大文件实践
在 Service Worker 中使用 ReadableStream 构建流式响应与处理管线，改善首屏渲染与大文件传输体验，并提供验证指标与兼容回退方案。
Web Push 与 VAPID 推送通知：订阅、送达与权限治理实践
利用 Web Push 与 VAPID 在 PWA 中实现可靠推送，覆盖订阅流程、后端发送、SW 展示与点击处理、隐私与权限治理，并给出经验证的送达与互动指标。
Web Share API 与 Share Target 集成：系统分享、接收与隐私实践
以统一范式实现原生系统分享与PWA接收分享，覆盖文件与文本、兼容策略、隐私与权限治理，并给出经过验证的实现指标与测试流程。
WebXR 设备 API 基础交互：XRSession 启动与回退实践
使用 WebXR 启动沉浸式会话并进行基本渲染与交互，结合不支持环境的回退策略与验证指标，提升 AR/VR 场景的可用性。
现代前端构建与 Bundler 对比（2025）
现代前端构建与 Bundler 对比（2025）不同 Bundler 在开发体验、生态与性能上各有取舍，需按项目选型。一、特性与场景Vite：原生 ESM 与极速热更新，适合现代框架。Webpack：生态全面，适合复杂项目与定制需求。esbuild：极快打包，适合工具链与中小项目。Rspack：兼顾
Compression Streams API 压缩与解压：传输优化与流式处理实践
借助 Compression Streams 在浏览器端进行 gzip/deflate 的流式压缩与解压，优化文本数据传输与持久化，并提供兼容回退与经过验证的性能指标。
CSP 与 SRI 前端安全（指令、nonce/hash、strict-dynamic 落地）
系统梳理 CSP 与 SRI 的安全配置，覆盖 nonce/hash 与 strict-dynamic 的正确用法，并提供可验证的落地示例。
