Page Visibility 与前端数据刷新策略

`title: Page Visibility 与前端数据刷新策略``categories: Web 开发/前端/数据管理``keywords: Page Visibility,visibilitychange,刷新,一致性,性能``description: 基于 Page Visibility 事件在页面重新可见时进行轻量数据校验与刷新，平衡一致性与性能，避免无谓轮询。`策略页面可见时进行增量校验与刷新，隐藏时暂停同步。示例document.addEventListener('visibilitychange', async () => { if (document.visibilityState !== 'visible') return; const res = await fetch('/api/refresh'); if (res.ok) { const data = await res.json(); } });