Web Speech API 语音识别转写与持久化实践
使用 Web Speech API 进行语音识别并将转写文本持久化到 IndexedDB，提供能力检测与事件处理示例。
实践
WebCodecs 视频解码与帧持久化实践
使用 WebCodecs 解码视频并提取帧，生成缩略图并持久化到 IndexedDB，适合本地媒体管理。
WebCrypto HKDF 会话密钥派生与短期加密实践
使用 HKDF 从共享秘密派生会话密钥并执行短期加密，提升传输与本地存储的安全性与可撤销性。
WebCrypto HMAC 数据签名与验证实践
使用 HMAC-SHA-256 为本地数据生成签名并进行验证，保障完整性与防篡改能力。
WebCrypto 加密存储实践：IndexedDB 与 OPFS
`title: WebCrypto 加密存储实践：IndexedDB 与 OPFS``categories: Web 开发/前端/数据管理``keywords: WebCrypto,SubtleCrypto,AES-GCM,加密,密钥管理,IndexedDB,OPFS``description: 使
Next.js 15 next-font 可变字体与预加载策略实践 variable-font preload
使用 next/font 引入可变字体并结合预加载与显示策略，统一字体令牌与样式治理，降低 FOUT/CLS 并提升可读性与性能。
Next.js 15 Accept 内容协商 WebP-AVIF 图片投递实践
在 Next.js 15 Edge Route Handler 中基于 Accept 进行图片格式协商，优先投递 AVIF/WebP 并设置 Vary 与缓存头，降低流量与首屏延迟。
Next.js 15 Client-Server Components 边界与数据流治理实践
系统阐述 App Router 下 Server 与 Client Components 的职责与边界，给出 Server Actions 与客户端事件协同的可复制示例，并治理缓存与状态同步。
Next.js 15 CORS 与预检缓存治理实践
基于 Next.js 15 Edge Route Handler 实现跨域资源共享与预检缓存治理，严格区分凭据请求与匿名请求，确保缓存一致性与安全。
