CSP 与 SRI 前端安全（指令、nonce/hash、strict-dynamic 落地）
系统梳理 CSP 与 SRI 的安全配置，覆盖 nonce/hash 与 strict-dynamic 的正确用法，并提供可验证的落地示例。
前端
"CSP connect-src 与 default-src：前端请求治理与安全边界"
"说明 CSP 的 `connect-src` 与 `default-src` 对前端请求（fetch/XHR/WebSocket/EventSource 等）的限制与治理策略，如何精确白名单并与环境区分，提升安全性。"
现代前端构建与 Bundler 对比（2025）
现代前端构建与 Bundler 对比（2025）不同 Bundler 在开发体验、生态与性能上各有取舍，需按项目选型。一、特性与场景Vite：原生 ESM 与极速热更新，适合现代框架。Webpack：生态全面，适合复杂项目与定制需求。esbuild：极快打包，适合工具链与中小项目。Rspack：兼顾
状态机与 XState 前端实践：可视化状态、并发与持久化
使用 XState 构建可视化且可验证的前端状态机，覆盖并发状态、守卫与动作、持久化与恢复，并提供可验证的稳定性与可维护性指标
前端零信任安全策略：CORS、SameSite、权限最小化与令牌隔离
构建前端零信任安全体系，覆盖跨域与SameSite策略、最小权限与令牌隔离、可信源校验与风险防控，提供可验证的合规与稳定性指标
前端错误监控与告警（Source Map、Sentry、采样率与去重）
建立端到端前端错误监控体系，覆盖 Source Map 映射、Sentry 接入、采样率配置与告警去重策略。
前端错误收集与 Source Map 安全（2025）
前端错误收集与 Source Map 安全（2025）错误收集与 Source Map 让问题可见与可定位，需兼顾性能与安全。一、采集与采样采集：捕获错误与异常栈与关键上下文。采样：控制体量与噪音，保证关键问题被感知。二、Source Map 安全访问控制：对 Source Map 进行受控访问，避
前端跨域策略与安全头部实践（CORS、CSP、COOP_COEP 与验证）
配置CORS与CSP结合COOP/COEP/CORP实现资源隔离与跨域安全, 给出服务端与客户端实现及可重复验证方法。
前端表单安全与数据校验：输入净化、XSS/CSRF 防护与合规验证
构建生产级前端表单安全策略，覆盖输入净化与校验、XSS/CSRF 防护与令牌机制、可用性与误报控制，提供可验证的安全指标
前端缓存策略与资源分片（Cache-Control、ETag 与 SW 验证）
通过资源指纹与Cache-Control/ETag策略配合Service Worker实现分片与分层缓存, 缩短首屏并降低带宽成本, 提供服务端与客户端验证方法。
