转载地址:https://blog.csdn.net/vhwfr2u02q/article/details/79492303

核心概念:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

1.CPU节能:在页面不刷新时不执行回调(页面在隐藏、最小化等状态下),相比于setTimeOut的后台刷新,更节约CPU性能

2.函数节流:保证在一个刷新区间,回调只执行一次;在其他模式下(resize/scroll等高频场景下)一个刷新区间可能执行了多次函数,但只刷新显示一次,这就造成了函数的滥用和执行。

 

使用注意事项:requestAnimationFrame的兼容性在实际编码中,要结合polyfill方案使用。

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄