文章预览
点击上方 前端Q ,关注公众号 回复 加群 ,加入前端Q技术交流群 前言 如果你是一名前端开发,那么你多少有了解过 requestAnimationFrame 吧?如果没有也接着往下看,会有详细用法说明。 很多人会局限于把 requestAnimationFrame 应用于一些纯动画相关的需求上,但其实在前端很多业务场景下 requestAnimationFrame 都能用于性能优化,下面将细说一下 requestAnimationFrame 的具体 用法 和几种 应用场景 。 requestAnimationFrame作用与用法 requestAnimationFrame简述 MDN 官方说法是这样的 基本示例 < script lang = "ts" setup > function init ( ) { console .log( '您好,我是requestAnimationFrame' ); } requestAnimationFrame(init) script > 效果如下 但是例子上面是最基本的调用方式,并且只简单执行了一次,而对于动画是要一直执行的。 如下图所示,官方的文档对这个有
………………………………