BackForward Cache 与数据一致性策略

`title: BackForward Cache 与数据一致性策略``categories: Web 开发/前端/数据管理``keywords: BFCache,导航缓存,一致性,Service Worker,visibilitychange``description: 识别 BFCache 恢复并在前端执行数据一致性校验与快速重同步，结合 SW 缓存与 IndexedDB 确保首屏与状态正确。`识别与事件window.addEventListener('pageshow', (e) => { const restored = e.persisted === true; if (restored) { // 执行快速状态校验与增量同步 } }); document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { // 校验本地与远端版本 } }); 策略恢复后优先使用本地缓存渲染，同时并行校验并更新差异。记录版本与时间戳，超过阈值强制拉新。