冻结前不可异步持久化用户进度：freeze事件中发起await localStorage.setItem、fetch、setTimeout等异步操作大概率被静默丢弃；须在同步窗口内完成轻量UI恢复，如window.scrollTo、form.elements[0].value = savedValue。
不能在冻结前异步持久化用户进度——freeze 事件中发起异步操作（如 await localStorage.setItem、fetch、setTimeout）极大概率被静默丢弃。浏览器只给 JS 极短的同步执行窗口（通常
真正可行的保存方式：只做同步、轻量、可序列化的写入
freeze 是页面进入 Frozen 状态前最后一个可靠执行点，但它的本质是“同步临界点”，不是异步任务调度入口：
- 优先用 sessionStorage.setItem(key, value) 替代 localStorage —— 同步、会话级、无权限弹窗风险，且多数浏览器对其写入更宽容
- 若必须用 localStorage，请直接调用 localStorage.setItem()（不 await），并包裹 try/catch 防止序列化失败中断流程
- 避免任何 JSON.stringify() 前未清洗的数据：删掉函数、DOM 节点、循环引用、undefined 字段；只保留字符串/数字/布尔/纯对象/数组
- 表单状态读 input.value、textarea.value、select.selectedIndex，不存元素本身
- 滚动位置用 window.scrollX 和 window.scrollY，不依赖元素的 scrollTop/scrollLeft
为什么 pagehide + persisted 不是“异步补救”时机
pagehide 且 event.persisted === true 是 freeze 的兜底路径，但它同样不支持安全的异步写入：
- 此时页面可能已不可见，部分 DOM 方法（如 getBoundingClientRect）返回 0 或报错
- 它和 freeze 可能连续触发，需用 performance.now() 加防抖（例如 200ms 内不重复保存）
- 仍要同步写入，不能发起新 fetch、不能 new WebSocket、不能 requestIdleCallback
异步逻辑只能前置或后置，不能塞进 freeze
想“异步持久化”，唯一稳健做法是把耗时操作拆到冻结前完成：
- 前置预热：在 visibilitychange → hidden 时，提前调用 saveState() 并写入 sessionStorage，为 freeze 争取零延迟
- 后置补偿：resume 事件触发后，检查本地是否有未确认的草稿（如加时间戳标记），再发起带重试机制的 fetch 同步到服务端
- 降级策略：若 sessionStorage 写入失败（如配额满），降级为内存缓存 + 页面 onbeforeunload 提示用户手动保存
恢复时别误判“异步已完成”
用户切回页面后，resume 触发不代表之前“想异步做的事”已经完成：
- 不要在 resume 中假设 localStorage 数据是“最新服务端版本”——它只是冻结前快照
- 需结合时间戳比对：比如保存时记 savedAt: Date.now()，resume 时若距今 > 30s，主动触发一次轻量刷新
- UI 恢复必须同步执行（如 window.scrollTo、form.elements[0].value = savedValue），避免 requestAnimationFrame 延迟导致闪烁
