浏览器内存泄漏排查（Performance/Memory、泄漏模式与修复）
使用 Chrome DevTools 的 Performance/Memory 工具定位前端内存泄漏，总结常见泄漏模式与修复方法，并提供验证步骤。
模式
"深色模式与表单美化：color-scheme 与 accent-color"
"解释 `color-scheme` 与 `accent-color` 在深色模式与表单控件主题上的作用与用法，给出可访问性与对比度注意，并附参考。"
Next.js App Router 数据获取模式与缓存协作（2025）
Next.js App Router 数据获取模式与缓存协作（2025）一、模式与职责Server Components：在服务端拉取数据，减少客户端负担（Server Components）。Route Handlers：对接 API 路由与边缘；统一鉴权与缓存。二、fetch 与缓存fetch：
ISR 渲染模式选型与混合策略（2025）
CSR/SSR/ISR 渲染模式选型与混合策略（2025）一、模式与场景CSR：客户端渲染，适合交互密集与个性化场景。SSR：服务端渲染，提升首屏与 SEO。ISR：增量静态再生，兼顾实时与成本。二、混合策略边缘与缓存：结合边缘渲染与 ISR 缓存刷新。预取与预连接：降低建连与数据获取时延。三、观测
"CSS Grid 自动放置与 dense 模式：布局策略与性能"
"介绍 Grid 的自动放置规则与 `grid-auto-flow: row|column|dense`，在不完整网格中进行回填与布局优化，说明适用场景与性能注意事项，并提供示例与兼容建议。"
"CSS 高对比模式：prefers-contrast 与 forced-colors"
"说明高对比模式相关的媒体查询，适配操作系统或浏览器的强制色彩方案，优化文本对比与控件可见性，提供示例与建议。"
Debezium CDC 与 Outbox 模式（可靠事件与验证）
使用Debezium进行数据库变更捕获并结合Outbox表发布可靠事件，降低双写与一致性风险，提供连接器配置与端到端验证方法。
"Fetch 缓存模式：default/no-store/reload/no-cache/force-cache/only-if-cached"
"说明 Fetch 的缓存模式与浏览器缓存交互的差异，如何在不同场景选择合适模式以平衡一致性与性能，提供示例与参考。"
"Fullscreen API：沉浸式模式与交互策略"
"介绍全屏模式的请求与退出、变更事件与控件管理、权限与手势要求，以及在视频/画廊/演示中的应用与回退策略。"
"IndexedDB 版本升级与迁移：onupgradeneeded 的模式与实践"
"总结 IndexedDB 的版本升级与模式（upsert/迁移脚本/幂等），解释 onupgradeneeded 回调中的对象仓库与索引变更、数据迁移与容错，并给出工程建议与参考。"
