跳到主要内容

防抖、节流和请求动画帧

· 阅读需 1 分钟

这些是优化 UI 事件处理和使过渡更平滑的网页技术。

  • 防抖:将突发的事件(如按键)聚合为一个事件。
  • 节流:保证每 X 毫秒执行一次。比如每 200 毫秒检查一次滚动位置以触发 CSS 动画。
  • 请求动画帧:节流的替代方案。当你的函数重新计算并渲染屏幕上的元素时,你想要保证变化或动画的平滑。注意:不支持 IE9。

防抖和节流有什么区别?在这里尝试

References: