requestIdleCallback 后台持久化与节能策略实践

概述空闲回调适合后台持久化与整理任务。本文提供能力检测与调度封装。能力检测与调度const supportsRIC = typeof requestIdleCallback === 'function';

function scheduleIdle(fn, timeout = 2000) {

if (!supportsRIC) return setTimeout(() => fn({ didTimeout: true }), 0);

return requestIdleCallback(fn, { timeout });

}

function persistIdle(records) {

scheduleIdle(async () => {

const db = await new Promise((res, rej) => { const r = indexedDB.open('idle', 1); r.onupgradeneeded = () => { const db = r.result; if (!db.objectStoreNames.contains('items')) db.createObjectStore('items'); }; r.onsuccess = () => res(r.result); r.onerror = () => rej(r.error); });

const tx = db.transaction('items','readwrite');

for (const rec of records) tx.objectStore('items').put(rec, rec.id);

await new Promise((res, rej) => { tx.oncomplete = res; tx.onerror = () => rej(tx.error); });

db.close();

});

}