"前端无限滚动与 IntersectionObserver 性能优化"
"使用 IntersectionObserver 构建高性能无限滚动，覆盖数据批量加载、节流与占位策略。"
前端
前端错误与性能联合回归分析与回滚机制（版本对比、Feature Flag 与验证）
结合错误与性能数据进行版本对比与回归分析，使用Feature Flag快速回滚或灰度关闭新功能，提供实现与验证方法。
前端性能优化与Core Web Vitals实践
系统讲解 Core Web Vitals 指标与优化策略，帮助前端提升关键用户体验指标，附实战清单与验证方法。
前端缓存策略与资源分片（Cache-Control、ETag 与 SW 验证）
通过资源指纹与Cache-Control/ETag策略配合Service Worker实现分片与分层缓存, 缩短首屏并降低带宽成本, 提供服务端与客户端验证方法。
浏览器存储选型：LocalStorage、SessionStorage与IndexedDB
对比三种浏览器存储方案的容量、性能与事务能力，指导数据持久化与缓存策略。
CSRF防护实践：SameSite、CSRF Token与双重提交
系统化梳理浏览器端与服务端联动的 CSRF 防护方案，结合 SameSite、令牌与双重提交策略。
前端性能预算与自动化守门（Performance Budget、Lighthouse CI、阈值）
建立前端性能预算并在 CI 中自动守门，设置体积与指标阈值，通过 Lighthouse CI 与构建分析实现可验证的质量保障。
前端调度优化：scheduler.postTask 与 isInputPending 实践与性能验证
使用 scheduler.postTask 与 isInputPending 构建前端调度优化方案，在不影响交互的前提下执行后台任务，显著降低阻塞与提升响应性，并提供可验证指标
前端错误与性能联合上报（Sentry + OpenTelemetry 与验证）
集成Sentry进行错误上报与OpenTelemetry进行性能与链路上报，构建前端可观测闭环并提供验证步骤。
"CSP connect-src 与 default-src：前端请求治理与安全边界"
"说明 CSP 的 `connect-src` 与 `default-src` 对前端请求（fetch/XHR/WebSocket/EventSource 等）的限制与治理策略，如何精确白名单并与环境区分，提升安全性。"
