阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.requestAnimationFrame 中文API文档

      插件 jQuery.requestAnimationFrame 中文API文档

      源码 & 下载

      用支持的requestAnimationFrame替换标准jQuery计时器循环。需要jQuery 1.8

      jQuery requestAnimationFrame

      requestAnimationFrame 支持的位置替换标准的jQuery计时器循环。

      注意:如果jQuery 3.0.0及更新版本requestAnimationFrame在浏览器中可用,则本机使用。只有旧版本的jQuery才需要此插件。如果它检测到jQuery 3.0或更新,它会发出警告并且什么都不做。

      需要jQuery 1.8+

      什么是requestAnimationFrame?

      requestAnimationFrame 是一个W3C规范(在候选推荐级别),它试图通过更好地同步浏览器的帧速率来改善我们的动画性能。有关更多信息,请阅读Jank Busting上的这篇文章

      我为什么要用它?

      引用Jank Busting文章的一部分:

      • 背景选项卡中的动画会暂停,从而节省系统资源和电池寿命。

      • 如果系统无法以屏幕刷新率处理渲染,它可以限制动画并减少回调频率(例如,在60Hz屏幕上每秒30次)。虽然这会将帧速率降低一半,但它会使动画保持一致 - 如上所述,我们的眼睛比帧率更适应方差。稳定的30Hz看起来好于60Hz,每秒错过几帧。

      下载

      下载0.1.2 版的生产版或开发版。

      在您的网页中:

      <script src="jquery.js"></script>
      <script src="jquery.requestanimationframe.min.js"></script>
      

      文档

      除了包含jquery.requestanimationframe.js要使用的文件之外,您无需执行任何操作 requestAnimationFrame

      但是,您应该注意上面的第一点:背景选项卡中的动画会暂停。

      这意味着如果您正在使用 setIntervalsetTimeout 排队新动画,当用户返回到背景页面时,jQuery将最终看到动画完成,然后开始播放排队的所有内容。有关jQuery Core Bug#9381中潜在解决方法的更多信息

      目录
      目录