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 实现跨域资源共享与预检缓存治理，严格区分凭据请求与匿名请求，确保缓存一致性与安全。
Next.js 15 next-cache noStore 与 revalidateTag-revalidatePath 协同治理实践
在 Next.js 15 中使用 next/cache 提供的 noStore 与 revalidateTag/revalidatePath 进行一致的数据缓存与再验证治理，示例覆盖 RSC 页面与 Route Handler。
Next.js 15 UA-CH 客户端提示 设备-平台识别 与个性化治理实践
使用 User-Agent Client Hints（UA-CH）在 Next.js 15 进行设备与平台识别，返回 Accept-CH 与 Vary，示例包含 Middleware 与 Route Handler 个性化治理。
CSS Anchor Positioning 锚点定位与弹层对齐实践
使用 CSS Anchor Positioning 为弹层与浮动元素提供精准对齐与溢出处理，并验证跨浏览器支持与回退方案。
