What is requestIdleCallback and its usage scenarios
What is requestIdleCallback and use scenarios, for this problem, this article details the corresponding analysis and solutions, hoping to help more friends who want to solve this problem find a simpler and easier way.
requestIdleCallback maintains a queue to be executed during browser idle time. It belongs to the Background Tasks API, and you can use setTimeout to simulate the implementation.
window.requestIdleCallback = window.requestIdleCallback || function(handler) {
let startTime = Date.now();
return setTimeout(function() {
handler({
didTimeout: false,
timeRemaining: function() {
return Math.max(0, 50.0 - (Date.now() - startTime));
}
});
}, 1);
}
There are a few things to note when you can perform tasks in ric:
Do not manipulate DOM in idle callbacks because it uses the idle time after a remake of. Remanipulating DOM will cause a remake.
React's time slicing is based on requestIdleCallback, but because of ric compatibility and 50ms fluency issues, React has a self-made implementation: scheduler.
About what is requestIdleCallback and the answer to the use of the scenario questions shared here, I hope the above content can be of some help to everyone, if you still have a lot of doubts not solved, you can pay attention to the industry information channel to learn more related knowledge.
