如何制作React Scheduler调度器实现示例教程？

本文共计2454个文字，预计阅读时间需要10分钟。

目录+正文+简单的CSS动画+使用setTimeout实现+循环处理+整体思路+最近在研究React源码，对react构建fiber树这块逻辑理解较好，但涉及到任务调度相关的逻辑，看起来比较复杂，像是一头雾水。

目录

• 正文
• 简单的css动画
• etTimeout来实现
• 循环处理
• 具体思路

正文

最近在看react源码，react构建fiber树这一块逻辑还比较好理解，但是一旦涉及到任务调度相关的逻辑，看起来是一头雾水。在参考了一些资料和react scheduler源码后，我决定来实现一个简单版的scheduler，相信跟着本文的思路实现一遍，就可以理解为什么react需要有scheduler这个东西来调度任务。

简单的背景知识：

我们知道现在大部分设备的帧率都是60fps,也就是说浏览器每16.7ms会绘制一次。如果页面上有一些动画，那么16.7s绘制一次，看起来是比较流畅的。