关于requestanimationframe

Posted 2020-07-12 夜皇帝

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

用法：

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不可以实现的它也可以实现