Resize/Scroll 事件：处理窗口缩放或滚动。 执行 requestAnimationFrame (rAF)： 这是开发动画的最佳时机，因为它能确保回调在计算样式和布局之前执行。 IntersectionObserver：处理元素可见性变化的回调。 样式计算 (Recalculate Style)：确定每个元素应用哪些 CSS 规则。 布局 (Layout/Reflow)：计算每个元素在屏幕上的几何位置。 绘制 (Paint)：生成显示层级数据。