IndexedDB 复合索引与覆盖查询实战
`title: IndexedDB 复合索引与覆盖查询实战``categories: Web 开发/前端/数据管理``keywords: IndexedDB,复合索引,覆盖查询,IDBKeyRange,性能``description: 使用复合索引与覆盖查询提升筛选与排序效率，结合范围查询实现高性能
实战
Web Animations API 流畅动画与性能优化实战
通过 Web Animations API 在合成线程运行动画，降低主线程占用，提供可中断、可复用的高性能动画体系。
CSS :has() 选择器 无 JS 状态联动与交互实战
借助 :has() 选择器在纯 CSS 中表达父子/兄弟关系状态联动，减少 JS 逻辑，提升可维护性。
CSS Subgrid 组件栅格对齐与层级布局实战
使用 Subgrid 在复杂嵌套布局中对齐子组件的网格轨道，减少样式重复并提升一致性，含特性检测与降级方案。
CSS Container Queries 组件级响应式布局实战
通过容器查询基于组件所属容器尺寸进行样式适配，替代全局断点，提升复用性与维护性。
Speculation Rules API 预渲染与 No-Vary-Search 实战
基于 Speculation Rules API 配置预渲染/预取，并结合 No-Vary-Search 提升缓存复用与导航速度。
Cache-Control 指令清单与浏览器协作实战
`title: Cache-Control 指令清单与浏览器协作实战``categories: Web 开发/前端/数据管理``keywords: Cache-Control,immutable,stale-while-revalidate,s-maxage,缓存``description: 梳理
Web 安全与 CSP、SameSite、OAuth2 实战（2025）
Web 安全与 CSP、SameSite、OAuth2 实战（2025）Web 安全需要浏览器与服务端协同。本文聚焦 CSP、SameSite 与 OAuth2 的关键配置与实践。一、CSP 与 XSS 防御核心指令：`default-src`、`script-src`、`style-src`、`i
Web 安全：CSP 与 Trusted Types 实战
通过 CSP 与 Trusted Types 的协同，显著降低 XSS 风险，给出在现代前端中的部署与兼容策略。
Web 性能优化与 Core Web Vitals 实战
概述Core Web Vitals 是衡量真实用户体验的核心指标，分别针对加载速度（LCP）、交互响应（INP）和视觉稳定性（CLS）。本文提供从测量到优化的可执行方法，帮助团队建立持续的性能治理体系。已验证技术参数LCP 良好阈值 ≤ 2.5s；需要改善 2.5–4.0s；较差 >
