前端-requestIdleCallback和requestAnimationFrame 目录 文章目录 前言推荐阅读`requestAnimationFrame, requestIdleCallback``requestAnimationFrame``cancelAnimationFrame``requestIdleCallback`requestIdleCallback和request

转载自http://blog.csdn.net/whqet/article/details/42911059 还在使用setInterval吗，你out了，requestAnimationFrame可以实现更为经济、更加准确的控制动画，今天来看看它的来龙去脉。 ------------------------------------------------------------

绘制动画，一般有两个选择： js脚本 setTimeout和setIntervalcss3 transition和animation属性 这两个方法有各自的局限性： js脚本实现动画的局限性： 即使向 setTimeout和setInterval 传递ms级的参数，由于js单线程的关系，可能会引发堵塞，不能达到高精度的准确性没有对动画的循环机制进行优化，只是以一个大致的时间间隔循环，而且

移动端最高频耗内存的的操作  莫属 touchmove 与scroll事件  两者需要 微观的 优化； 这里 我们 讲述 touchmove；touchmove 事件发生很频繁，会比屏幕刷新率快，导致无效的渲染和重绘； 帧数 –显示设备通常的刷新率通常是50~60Hz –1000ms / 60 ≈ 16.6ms（1毫秒的优化意味着 6%的性能提升） 浏览器对每一帧画面的渲染工作需