当我们需要执行动画或其他高性能操作时，常常会遇到以下问题：-任务的执行频率过高，对CPU和内存造成了大量的压力。-任务的优先级较高，导致其他任务无法及时得到处理。为了解决这些问题，JavaScript提供了两个调度API：requestAnimationFrame和requestIdleCallback。 requestAnimationFramerequestAnimationFrame  用于在下一帧渲染之前执行动画或其他任务，确保任务在浏览器的重绘之前执行，以获得最佳的性能和动画效果。它接收一个回调函数作为参数，回调函数会在下一次浏览器重绘之前被调用。由于动画每秒通常需要执行60次，因此

当我们需要执行动画或其他高性能操作时，常常会遇到以下问题：-任务的执行频率过高，对CPU和内存造成了大量的压力。-任务的优先级较高，导致其他任务无法及时得到处理。为了解决这些问题，JavaScript提供了两个调度API：requestAnimationFrame和requestIdleCallback。 requestAnimationFramerequestAnimationFrame  用于在下一帧渲染之前执行动画或其他任务，确保任务在浏览器的重绘之前执行，以获得最佳的性能和动画效果。它接收一个回调函数作为参数，回调函数会在下一次浏览器重绘之前被调用。由于动画每秒通常需要执行60次，因此

目录0.前置约定本系列说明1.开始1.1.CesiumWidget类是控制场景对象触发渲染的调度器1.2.Scene对象2.三维地球哪来的？3.本篇总结0.前置约定对类的使用，不添加Cesium命名空间前缀，例如对于Viewer，不会写Cesium.Viewer，默认使用ESM格式解构导入类；JavaScript代码使用最简格式（源码除外），不加分号，不用双引号，少注释，双空格缩进本系列说明佛系连载，想到什么写什么。2022年，写原理类的文显得非常“蠢”，大家都想吃快餐，看效果。法克鸡丝老哥的系列博客思路跳跃很快，单步说明之间的信息量很大，需要消化很长时间才能啃完一篇文章，遂决定另开一个风格，

目录0.前置约定本系列说明1.开始1.1.CesiumWidget类是控制场景对象触发渲染的调度器1.2.Scene对象2.三维地球哪来的？3.本篇总结0.前置约定对类的使用，不添加Cesium命名空间前缀，例如对于Viewer，不会写Cesium.Viewer，默认使用ESM格式解构导入类；JavaScript代码使用最简格式（源码除外），不加分号，不用双引号，少注释，双空格缩进本系列说明佛系连载，想到什么写什么。2022年，写原理类的文显得非常“蠢”，大家都想吃快餐，看效果。法克鸡丝老哥的系列博客思路跳跃很快，单步说明之间的信息量很大，需要消化很长时间才能啃完一篇文章，遂决定另开一个风格，

本文是深入浅出ahooks源码系列文章的第七篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。今天我们来聊聊定时器。useInterval和useTimeout看名称，我们就能大概知道，它们的功能对应的是setInterval和setTimeout，那对比后者有什么优势？先看useInterval，代码简单，如下所示：functionuseInterval(fn:()=>void,delay:number|undefined,options?:{immediate?:boolean;},){constimmediate=options?.immediate;con

本文是深入浅出ahooks源码系列文章的第七篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。今天我们来聊聊定时器。useInterval和useTimeout看名称，我们就能大概知道，它们的功能对应的是setInterval和setTimeout，那对比后者有什么优势？先看useInterval，代码简单，如下所示：functionuseInterval(fn:()=>void,delay:number|undefined,options?:{immediate?:boolean;},){constimmediate=options?.immediate;con

在异步编程中当然少不了定时器了，常见的定时器函数有setTimeout、setInterval、requestAnimationFrame。setTimeout刚开始用setTimeout时，通过会认为设置延时多久，就应该是多久后执行。其实这个观点是错误的，因为JS是单线程执行的，如果前面的代码影响了性能，就会导致setTimeout不会按期执行。这就要求我们不断去修正，使定时器相对准确。letperiod=60*1000*60*2;letstartTime=newDate().getTime();letcount=0;letend=newDate().getTime()+period;let

在异步编程中当然少不了定时器了，常见的定时器函数有setTimeout、setInterval、requestAnimationFrame。setTimeout刚开始用setTimeout时，通过会认为设置延时多久，就应该是多久后执行。其实这个观点是错误的，因为JS是单线程执行的，如果前面的代码影响了性能，就会导致setTimeout不会按期执行。这就要求我们不断去修正，使定时器相对准确。letperiod=60*1000*60*2;letstartTime=newDate().getTime();letcount=0;letend=newDate().getTime()+period;let