Next.js next-font 优化与本地字体策略
引言`next/font` 提供内置的字体优化（包含子集化与预加载），并支持本地与第三方字体的统一管理；合理策略可提升首屏与文本渲染稳定性。能力与配置（已验证）本地与第三方：支持本地字体（`local`）与 Google Fonts 等远程源，自动生成最佳实践的 CSS。来源：Next.js 文档（
前端框架
SharedWorker 统一持久层与多页面协调
`title: SharedWorker 统一持久层与多页面协调``categories: Web 开发/前端/数据管理``keywords: SharedWorker,统一持久层,多页面,IndexedDB,OPFS``description: 使用 SharedWorker 在多页面间共享统一的
WebCrypto 密钥封装与跨会话保存
使用 `wrapKey/unwrapKey` 对会话密钥进行封装与解封，结合 RSA-OAEP 或 AES-KW，实现跨会话的安全密钥保存与恢复。
WebSocket 实时通信：心跳、重连与背压控制
"构建稳健的 WebSocket 客户端，通过心跳保活、指数退避重连与背压控制提升可靠性。"
文本片段深链接：Text Fragments 的语法与兼容
"说明 Text Fragments（`#:~:text=`）的语法与行为，在共享链接时自动滚动并高亮目标文本，提供兼容与可访问性建议。"
ISR 渲染模式选型与混合策略（2025）
CSR/SSR/ISR 渲染模式选型与混合策略（2025）一、模式与场景CSR：客户端渲染，适合交互密集与个性化场景。SSR：服务端渲染，提升首屏与 SEO。ISR：增量静态再生，兼顾实时与成本。二、混合策略边缘与缓存：结合边缘渲染与 ISR 缓存刷新。预取与预连接：降低建连与数据获取时延。三、观测
CSS 多列布局：columns 与 column-span
使用 CSS 多列布局进行报刊式排版与内容分栏，控制列宽与间距，并使用 `column-span` 实现跨栏标题与视觉分组。
HTML Constraint Validation API：原生表单校验与提示策略
介绍原生表单的约束校验 API 与属性，用 `validity/validationMessage` 读取状态，`setCustomValidity/reportValidity`
Priority Hints 与 fetchpriority：资源优先级治理
介绍 Priority Hints 与 `fetchpriority` 属性在图片、脚本与样式上的使用方法，指导浏览器更好地调度关键与次要资源，提升真实用户性能。
Redux Toolkit 2.x 新特性与迁移建议
引言Redux 生态在 2.x/5.x 周期带来性能与包体积优化以及弃用项清理，强化现代 React 的状态管理体验。核心变化（已验证）多包同步升级：Redux、React-Redux、Redux Toolkit 与 Reselect 发布主要版本，包含新功能与性能改进，包体积更小并移除废弃特性。来
