比原生 requestAnimationFrame 更适合相应交互的库

2024年4月22日 239次阅读 来源: 前端菜鸟

发明原生的 window.requestAnimationFrame 并不会治理行列。即在统一帧内屡次挪用window.requestAnimationFrame 会致使下一次重绘时，反复动画。比方：

const animationTwice = () => console.log('I will be invoked twice!')

// 在统一帧内挪用两次，致使 animationTwice 实行两次
window.requestAnimationFrame(animationTwice)
window.requestAnimationFrame(animationTwice)
// I will be invoked twice!
// I will be invoked twice!

所以，写了 raf-plus 库来治理 window.requestAnimationFrame 保证在统一帧内最多只会实行一次雷同的动画函数。

假如你以为不错，迎接☆ Star。你的支撑是我延续开源的动力！

    原文作者：前端菜鸟
    原文地址: https://segmentfault.com/a/1190000010110449
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞