WebCrypto HMAC 数据签名与验证实践
使用 HMAC-SHA-256 为本地数据生成签名并进行验证，保障完整性与防篡改能力。
web
WebCrypto HKDF 会话密钥派生与短期加密实践
使用 HKDF 从共享秘密派生会话密钥并执行短期加密，提升传输与本地存储的安全性与可撤销性。
WebCrypto ECDSA 签名与元数据验签
`title: WebCrypto ECDSA 签名与元数据验签``categories: Web 开发/前端/数据管理``keywords: WebCrypto,ECDSA,P-256,签名,验签,元数据``description: 使用 ECDSA（P-256）对元数据进行签名与验签，保障前端数
WebCrypto API 文件加密与密钥管理实战
在浏览器端实现文件加密与密钥管理的可用方案，包含特性检测、AES-GCM 加解密、口令派生与密钥持久化示例。
WebCrypto AES-CTR 流式加密与安全注意事项
使用 AES-CTR 实现近似流式加密，并说明计数器与随机数使用的安全注意事项与常见陷阱。
WebCodecs 视频解码与帧持久化实践
使用 WebCodecs 解码视频并提取帧，生成缩略图并持久化到 IndexedDB，适合本地媒体管理。
WebCodecs 媒体处理与 OPFS 帧持久化
`title: WebCodecs 媒体处理与 OPFS 帧持久化``categories: Web 开发/前端/数据管理``keywords: WebCodecs,VideoDecoder,帧,OPFS,持久化``description: 使用 WebCodecs 解码媒体并将关键帧持久化到 OP
Web Components 与 Shadow DOM：样式隔离、Slot 与性能注意
"概述 Web Components 的 Shadow DOM 与自定义元素机制，解释样式隔离、Slot 投影与事件模型，并给出性能与可维护性注意。"
Web 性能优化与 Core Web Vitals 实战
概述Core Web Vitals 是衡量真实用户体验的核心指标，分别针对加载速度（LCP）、交互响应（INP）和视觉稳定性（CLS）。本文提供从测量到优化的可执行方法，帮助团队建立持续的性能治理体系。已验证技术参数LCP 良好阈值 ≤ 2.5s；需要改善 2.5–4.0s；较差 >
