"Envoy gRPC-Web 代理与跨域配置实战"
"使用 Envoy 将浏览器 gRPC-Web 请求代理到后端 gRPC 服务，配置 gRPC-Web 过滤器与 CORS。"
web
"PWA 安装信号：Web App Manifest 与可安装性条件"
"总结 PWA 的可安装性信号与必要条件，包含 Manifest 字段、Service Worker、HTTPS 与图标规范，解释安装提示与用户体验注意，并附参考。"
PWA 渐进式 Web 应用实战（2025）
PWA 渐进式 Web 应用实战（2025）PWA 通过 Service Worker 与 Manifest 让 Web 具备离线与安装能力。本文聚焦缓存策略与更新体验。一、核心组件Service Worker：拦截网络请求、缓存与离线回退；遵循生命周期（install、activate、fetch
"Web App Protocol Handlers：自定义协议与深链接"
"介绍 Web App Manifest 的协议处理程序（Protocol Handlers）注册与路由，在系统层面将自定义协议映射到 PWA 页面，实现深链接与任务入口，并给出兼容与安全建议。"
Web Components 与 Shadow DOM 实战（封装、样式隔离与性能）
使用原生 Web Components 与 Shadow DOM 实现封装与样式隔离，兼顾性能与可维护性，并提供验证方法。
Web Crypto API 端侧加密与密钥管理：AES-GCM、SHA-256 与安全实践
使用 Web Crypto API 在浏览器端实现对称加密与哈希校验，覆盖 AES-GCM、SHA-256 与密钥管理策略，提供可验证的安全与性能指标
"Web Crypto HKDF与密钥派生前端安全使用最佳实践"
"在前端使用Web Crypto HKDF安全派生密钥，结合盐值与上下文信息、AES-GCM加密封装与最小暴露策略，构建可验证的密钥管理方案。"
Web 动画与 CLS 布局稳定性优化（2025）
Web 动画与 CLS 布局稳定性优化（2025）CLS 衡量页面的布局偏移，动画与资源加载不当会显著影响稳定性。一、动画与合成合成层：使用 `transform`/`opacity` 进行动画，避免布局回流。过渡：控制过渡时机与范围，减少干扰关键内容。二、占位与加载占位：为图片与广告保留尺寸，避免
Web 字体优化：font-display、子集化与可变字体（Variable Fonts）实践
实施 Web 字体优化，从 font-display 与预加载到子集化与可变字体，系统化降低首屏阻塞与体积开销，并提供可验证的渲染与性能指标
"Web 字体加载优化：font-display、preload 与子集化"
"系统介绍 Web 字体加载的策略与取舍，结合 font-display 与 preload 的协作、子集化与中文场景的分包实践，并给出对 LCP 的影响与验证来源。"
