JavaScript? ? ?? ??? ?? ? ?? ? ??? ?? ???, ?? ?? ????? ????? ???? ??? ? ? ????. ??? ??? ??? ?? ??? ??? ??? ? ? ??? ?? ??? ??? ? ????.

? ????? ?? ?? ? ? ? ??? ?? ? ? ???? ??? ?? ? ??? API???. ????? ?? ??? ?? ???? ??? ??? ?? ?? ??? ????? ?? ?? ??? ?? ??? ? ????.
? ???? ??? ??? ??? ???? ??? ??? ??? ????? ?? ??? ???? ? ???? ????. ???? ?? ???? ?? DOM? ?? ??? ???? ??? ?? ? ??? ??
• ? ?? ??? ??? ? ????. requestIdleCallback requestAnimationFrame JavaScript? ?? ?? ?? ?? ??? ?? ??? ??????. ??? ?? ???? ???? ?????? ???????. HTML ???, ?? ??? ??, ??? ???, ??? ?? ?? ?? JavaScript ?? ??? ?? ??? ?? ?? ?? ?????? ?????. ?? ???? ????? ??? ? ?? ? ??? ? ? ????. ??? ????? ?? ??? ??? ? ? ? ??? ???? ???? ?????. ?????? ???? ??? ????? JavaScript ??? ???? ? ? ?? ?? ?? ?????. ?? ??? ?? ???? ???? ??? ?? (??? ??)? ???? ? ?????. ????? ???? ? ? ?? ??? ?????. ? ?? ???????, ? DOM ??? ????, ?? URL? ?????? ?. ? ??? ?????? ???? ? ?? ?????? ??? ?? ? ? ?? ?????? ??? ???????. ??? ?????. ??? ??? ?? ?? ????? ?? ????? ???? ????. ??? ?? ? ??? ???? ????? ??? ????? JavaScript? ??? ?? ????? ????. ??? ??? ?? ??? ??? ?? ??? ??? ?? ? ??? ??? ??? ????.
  ??? ?? ???
  • ?? ????? ???? ????? (?? 57 "??"?? ?? ?? ?? ?? ??? ?? ?? ??? html
  ?? ??? ??? ?? ??? ???? ???? ???? ???? ???? ???? ?????? ?? ??? ? ???? ??????. ? ?? ??? ? ???? ???? ????. ? ??? ??? ????? ??? ??? ??? ? ????. ??? ?? ?? ? ????? ??? ????? DOM? ?? ??? ?? ????? ???? ????. ??? ??????? ??? ?? ? ??? Google ? ?? ??? ?? ?? ?????? ???? ??? ?? ? ?? ????. ? ?? ???? , ?? ??
  • ???. ????? ?? ?? ? ?? ??? ??? ?
  ??? ?????. ???, ??? ? ? ??? ? ??? ?????. ????, ?? ?? ??? ???? ??? ?????.

  ? ???? ??? ?? ?? ? ?? ??? ??? ????? ??? ??? API???. setTimeout? ???????. setTimeout(doSomething, 1);? ?? ????? ?? ?????? ?????? ?? ??? ?????. ? ?? ??? ??? ??? ?? ?? ? ????. ??? ??? doSomething() :

  ?? ????? ??? ??? ? ????.

  ? ?? ?? ?? ?? (?? ?)? ???? ?? ?? ?? ??? ??? ?? ????. requestIdleCallback ????? ????? ?? ???? ??? ???? ??? ?? 3 ? ?? ????????. ??? ? ?? ???? ?? ???? ??? ??? ??????.

  - ?? ?? ?? ???? true? ??? ?? true requestIdleCallback? ?? requestAnimationFrame - ?? ??? ??? ?? ?? ???? ?? requestAnimationFrame ??? ???? 50 ?? ? ??? ?? ??? ?????. ? ??? ???? ??? ????? ??? ?? ??? ???? ?? ??

  ? ???? ?? ????. ?? ??? ???? ???? ??? ??? ???????. ??? ?? ??? ??? ?????.

  ?? ????? ??? ??? requestIdleCallback Paul Lewis ?? ??? ?? ??? ????? ??? ???,

  ?? ???? ??? ?? ???? ????. ??? ??? ?? ?? (? :

  if ('requestIdleCallback' in window) {
    // requestIdleCallback 受支持
    requestIdleCallback(backgroundTask);
  } else {
    // 不支持 - 執(zhí)行其他操作
    setTimeout(backgroundTask1, 1);
    setTimeout(backgroundTask2, 1);
    setTimeout(backgroundTask3, 1);
  }

  ??? ???? ?? ? ???? DOM ?? ?)??? ?? ???? ???? ????. ? ?? ??? ?? ?? ???? ?? ??? ??? ?? ??? ????? ??? ?? (?? ??)?????.

  <<> ???? ?? requestIdleCallback <<>? ??? ???? ??? ??? ???? ???? API ??? ? ? ??? ????. Chrome 47?? ?????… ??? 2015 ? ??? ????????. ???? ?? ??? ?? ? ????. Microsoft? Mozilla? ?? API ??? ???? ??? ??? ? ????. ??? ??? ?? ??? ??. ?? ??? ??? ?? ?? ??? Chrome Canary (???? ??? ??? ?? ? ??? ????? Chrome? ???? ? ??)? ???? ????. Paul Lewis (??? ?? ?)? ???

  shim? ????. ??? API? ?? ??? ????? ???? ?? ?? ??? ????? ? ??? ?? ??? ????. ?? ?? ??

  ? ???? ??? ????? ?? ?? ? ?? ???? API? ????? ?? ?? ?????. ??? ??? ???? ??? requestIdleCallback? ? ??? ????? ? ????? ???? ?? ? ? ????. ??? ??? ??? ??????? ??? ?? ???? ??? ??? ?? ????. requestIdleCallback JavaScript (FAQ)? ??? ?? ??? FAQ JavaScript? ?? ?? API? ?????? setTimeout JavaScript? ?? ?? API? ?? ???? ?? ?????? ???? ???? ??? ?? ? ??? ??? ?????. ? API? ?? ???? ???? ?? ??? ??? ?? ? ??? ????? ??? ??? ??? ? ?? ??? ?? ??? ?? ???? ??? ??? ??? ?? ?????. ??? ?? API? ?? ?????? ???? ? ? ? API? ???? ?? ?? requestIdleCallback ????? ??? ??? ?????? ????? ?? ??? ? ??? ?????.

  ?? ?? api? ? ? ??? ??? ??

  ?

  ??? JavaScript? ???? ???? ?? ?? ? ?? ??? ? ???? ??? ???? ? ?????. ??? ??? ???? ?? ?? ???? ? ?? ??? ????. ??? ?? ????? ????? ???? ? ?? ?? ??? ?? ??? ??? ? ??? ??? ??? ??? ? ????. ???, ????? ?? API? ?? ???? ??? ??????? ??? ?????. ?, ?? ???? ??? ??? ??? ??? ??? ??? ? ??? ?? ? ? ??????. setTimeout ?? ?????? ????? ?? API? ??? ? ????? setInterval ??? ?? API? ?? ?????? ???? ? API? ??? ?? ??????? ?? ?????? ???? ?? ? ????. ?????? API? ??? ????? ?? ????? API? ?? ?? ??? ???? ?? ?? ????. ?? ? ???? ?? ?????? ??? API? ?? ??? ?? ?? ??? ?? ? ? ????.

  ?? ?? API? ???? ??????? ???? ??? ???? ??? ??????

  ?? ?? API? ???? ??? ?????

  ???? ??? ? ????. ? ???? ?? ??? ? ?? ?? ??? ???? ????? ?? ?? ? ? ?????. ?? ?? ??? ????.

  requestIdleCallback ??? ?? ??? ???? ??? ??????

  ???? ???? ?? ? ?? ??? ?? ???? ??

  if ('requestIdleCallback' in window) {
    // requestIdleCallback 受支持
    requestIdleCallback(backgroundTask);
  } else {
    // 不支持 - 執(zhí)行其他操作
    setTimeout(backgroundTask1, 1);
    setTimeout(backgroundTask2, 1);
    setTimeout(backgroundTask3, 1);
  }

  ???? ??? ? ????. ? ???? ID?

  ? ?? ?? ??? ?????. ?? ??? ????.

  requestIdleCallback?? ?? ?? ??? ??? ?????? cancelIdleCallback requestIdleCallback? ?? ?? ??? ?? ??? ????? (?? ?) ????? ?? ??? ????? ??? ???? ?? ???????. ?? ??? ?? ?? ?? ?? ???? ?? ?????.

  ?? ???? ??? ???? ??? ??????

  requestIdleCallback(backgroundTask, { timeout: 3000 });

  ????? ??? ?? ?? ?? ?? API? ???? ??? ?? API? ?? JavaScript ??? ??? ???? ?? ?????. ??/?? ??? ???? ?? ?? ?? ???? ??? ?? ? ? ????. ?? ??? ????.

  node.js?? ????? ?? API? ??? ? ????? requestIdleCallback ??? ?? API? ?? ?????? ???? ? API? ????? ????? node.js?? ??? ? ????. ??? Node.js?? ??? ??? ?? ?? ???? ??? ?? ?? ??? ???? ?? ??? ????.

  Promise ?? Async/Await? ?? ?? ?? API? ??? ? ?????

  ?? ?? API? ??? ???? ???? Async/Await? ?? ?? ??? ? ????. ??? ??? ?????? ?????? ?? ???? requestIdleCallback ???? ?? ? ? ????. ?? ??? ????.

  ??? ?? API? ?? ?? ??? ??????

  ?? ?? API? ?? ???? ???? ??? ??? ??? ??? ? ???? ?? ?? ?? ???? ??? ??? ??? ?????. ?? ??? ?? ??? API? ???? ???? ????? ??? ?? ?? ?? ??? ?? ??? ?? UI ????? ??? ? ????.

? ??? JavaScript?? ?? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!