requestIdleCallback使用示例

`requestIdleCallback` 是一个 API，可以让我们在浏览器的空闲时间运行一些任务，以避免卡顿和阻塞用户体验。该 API 接受一个回调函数作为参数，该函数会在浏览器空闲时运行。以下是 `requestIdleCallback` 的使用示例：

function doSomeWork(deadline) {
  while (deadline.timeRemaining() > 0 && items.length > 0) {
    const item = items.shift();
    // do some work with item
  }

  if (items.length > 0) {
    window.requestIdleCallback(doSomeWork);
  }
}

// 初始化 items 数组，假设有很多项需要处理
const items = [/* ... */];

// 启动任务
window.requestIdleCallback(doSomeWork);

在这个示例中，我们定义了一个 `doSomeWork` 函数，它会在浏览器的空闲时间内处理 `items` 数组中的项。我们使用 `while` 循环来处理尽可能多的项，并且在 `deadline` 对象的 `timeRemaining` 方法返回的时间用尽之前，不断地处理这些项。如果处理完所有项之前时间用尽了，我们会停止处理并等待下一次空闲时间。如果还有未处理的项，我们会使用 `window.requestIdleCallback` 来请求下一次空闲时间，并调用 `doSomeWork` 函数来继续处理。