浏览器帧任务

浏览器帧任务

1. 处理事件回调
2. 处理计时器回调
3. 开始帧
4. 执行requestAnimateFrame回调
5. 页面布局计算（回流/重绘），合并主线程。
6. 绘制
7. requestIdleCallback

引起回流的主要情况包括：

1. 几何属性改变（尺寸、位置）
2. 布局信息读取（offsetXXX, clientXXX）
3. 内容变化（文本、图片）
4. DOM结构操作（添加、删除、移动节点）
5. 样式改变（类名、计算样式）
6. 视口变化（窗口大小、滚动）

优化关键：

1. 避免布局抖动（读写交错）
2. 使用 CS3 变换和 opacity
3. 批量 DOM 操作
4. 减少强制同步布局