安排一個小任務盡可能快地執行，同時仍然等待 UI 更新的最佳方法是什么？

[英]What is the best way to schedule a small task to execute as fast as possible, while still making it wait for UI updates?

我正在閱讀一些有關微任務等的內容，因為目前我有一個優化不佳的項目，並且一些任務使 UI 掛起。 通過使用（服務）工作人員來完成最繁重的任務，我已經解決了 95% 的問題。 但是仍然有一些代碼必須在主線程上，我想知道優化該代碼的最佳方法是什么。 我基本上有兩個願望： 我希望 function 在執行 ...

如果 requestIdleCallback 的回調執行時間過長而無法在空閑期間完成，會發生什么情況？

[英]What happen if a requestIdleCallback's callback is executed too long to finish in an idle period?

requestIdleCallback 的回調函數會在瀏覽器空閑期間執行。 如果這個回調花費的時間太長，無法在空閑時間內完成。 如果用戶的交互即將到來，回調是否仍然要執行並且用戶的交互被阻止或者瀏覽器會丟棄回調並准備處理用戶的交互？ ...

requestIdleCallback 是否保證執行，是否保留執行順序？

[英]Does requestIdleCallback guarantee executation, and does it preserve order of execution?

當沒有指定timeout時，傳遞給requestIdleCallback的函數是否保證運行？ （假設我們不是在一些人為的場景中，專門設計用於無限地避免空閑 state） 如果指定了timeout ，是否可以保證執行順序？ 例如const options = { timeout: 10000 }; ...

如何在 Angular 服務測試中刷新 requestIdleCallback？

[英]How do you flush requestIdleCallback in an Angular service test?

我正在編寫一個 Angular 服務，該服務使用 requestIdleCallback 來調用另一個 function, foo 。 在我的測試中，我想確保foo最終被調用。 目前我有一個看起來像這樣的測試： 但是當我運行這個測試時，我得到一個錯誤，說otherService.foo從未被調用過 ...

在 requestIdleCallback 中使用 requestAnimationFrame

[英]Using requestAnimationFrame inside requestIdleCallback

如果我從 JS 對 DOM 中的更改進行動畫處理（例如，將節點的 textContent 的值從 1 更改為 500），在requestIdleCallback中使用requestAnimationFrame或requestAnimationFrame會更好嗎？ ...

滾動事件：requestAnimationFrame VS requestIdleCallback VS 被動事件監聽器

[英]scroll events: requestAnimationFrame VS requestIdleCallback VS passive event listeners

正如我們所知，通常建議對滾動偵聽器進行去抖動，以便在用戶滾動時獲得更好的 UX。 但是，我經常發現像 Paul Lewis 這樣有影響力的人推薦使用requestAnimationFrame圖書館和文章。 然而，隨着網絡平台的快速發展，隨着時間的推移，一些建議可能會被棄用。 我看到的問題是處理滾 ...