如何利用window.onpageshow事件检测页面是否从BFCache恢复，进而重启异步逻辑？

本文共计648个文字，预计阅读时间需要3分钟。

可以使用以下内容替换原创新内容：

为什么必须用 pageshow 而不是 mounted 或 onload

Vue 的 onMounted、React 的 useEffect 或原生 DOMContentLoaded/load 在 BFCache 恢复时**完全不会触发**——页面不是重新加载，而是直接解冻。依赖这些钩子的初始化逻辑会静默跳过，导致：

• 定时器未重启（比如每 30 秒拉取一次数据的 setInterval）
• AJAX 轮询停止，界面卡在旧状态
• WebSocket 连接断开但未重连
• 表单校验规则未重新绑定，输入无响应

如何安全地重新激活异步逻辑

在 pageshow 回调中，仅当 event.persisted === true 时执行恢复动作。关键原则是：只唤醒、不重建；避免重复注册或内存泄漏。