requestIdleCallback 是什么?

Posted 张驰Terry

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了requestIdleCallback 是什么?相关的知识,希望对你有一定的参考价值。

window.requestIdleCallback()方法插入一个函数,这个函数将在浏览器空闲时期被调用。这使开发者能够在主事件循环上执行后台和低优先级工作,而不会影响延迟关键事件,如动画和输入响应。函数一般会按先进先调用的顺序执行,然而,如果回调函数指定了执行超时时间timeout,则有可能为了在超时前执行函数而打乱执行顺序。

你可以在空闲回调函数中调用requestIdleCallback(),以便在下一次通过事件循环之前调度另一个回调。

返回值

一个ID,可以把它传入 Window.cancelIdleCallback() 方法来结束回调。

参数

callback

一个在事件循环空闲时即将被调用的函数的引用。函数会接收到一个名为 IdleDeadline 的参数,这个参数可以获取当前空闲时间以及回调是否在超时时间前已经执行的状态。

options 可选

包括可选的配置参数。具有如下属性:

  • timeout: 如果指定了timeout,并且有一个正值,而回调在timeout毫秒过后还没有被调用,那么回调任务将放入事件循环中排队,即使这样做有可能对性能产生负面影响。

requestIdleCallback - Web API 接口参考 | MDN

以上是关于requestIdleCallback 是什么?的主要内容,如果未能解决你的问题,请参考以下文章

你不知道的 requestIdleCallback

requestIdleCallback和requestAnimationFrame详解

你不知道的 requestIdleCallback

利用好浏览器的空闲时间 --- requestIdleCallback

[react] useEffect和useLayoutEffect有什么区别?

你的店铺适合找代运营吗?如何找到靠谱代运营?