插件 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中潜在解决方法的更多信息

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了