关于requestanimationframe

最新推荐文章于 2024-05-11 09:29:36 发布

weixin_30726161

最新推荐文章于 2024-05-11 09:29:36 发布

阅读量153

点赞数

原文链接：http://www.cnblogs.com/lyz1991/p/5529045.html

版权

首先字面理解，请求动画框架，

用法：

var nextFrame = (function() {
    return window.requestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame ||
        function(callback) { return setTimeout(callback, 1); };
})()；
nextFrame(loop);
loop是动画
例子:
loop:function(){

    defaults.origin+=defaults.Vx;
    con.style["-webkit-transform"]="translateY("+defaults.origin+"px)"
 defaults.origin<=-51?self.noop():nextFrame(self.back)

}
它的作用是什么？相当于我不知道浏览器绘制时间，所以我请求浏览器根据它自身绘制时间来执行这个动画，
对比css3优势，一切css3可以表现的，他都可以实现，css3不可以实现的它也可以实现

转载于:https://www.cnblogs.com/lyz1991/p/5529045.html