requestIdleCallback

2024-10-08【JS】requestIdleCallback实现分块执行
点击按钮后，执行一个耗时较长的dom操作，页面很长时间没有响应，给用户一种卡死的现象<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">&
2024-10-07React Fiber 原理
ReactFiber在React16之前的版本对比更新VirtualDOM的过程是采用Stack架构实现的，也就是循环加递归，这种方式的问题是一旦任务开始进行就无法被中断。如果应用中的组件数量庞大，VirtualDOM的层级比较深，主线程被长期占用，知道整颗VirtualDOM树比对更新完成之后主线程才
2023-04-03介绍一下requestAnimationFrame和requestIdleCallback
当我们需要执行动画或其他高性能操作时，常常会遇到以下问题：-任务的执行频率过高，对CPU和内存造成了大量的压力。-任务的优先级较高，导致其他任务无法及时得到处理。为了解决这些问题，JavaScript提供了两个调度API：requestAnimationFrame和requestIdleCallback。 request
2023-02-22重学前端性能优化: requestAnimationFrame & requestIdleCallback All In One
重学前端性能优化:requestAnimationFrame&requestIdleCallbackAllInOne微任务队列,CPU调度，时间分片requestAnimationFramecancelAnimationFramerequestIdleC
2022-10-09requestIdleCallback方法
概念window.requestIdleCallback() 方法插入一个函数，这个函数将在浏览器空闲时期被调用。这使开发者能够在主事件循环上执行后台和低优先级工作，而不会影响延迟关键事件，
2022-09-05requestIdleCallback和requestAnimationFrame的区别
页面流畅与FPS页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到60时，页面是流畅的，小于这个值时，用户会感觉到卡顿。1s60帧，所以每一帧分到的时间是1000/60≈16ms。