首先字面理解,请求动画框架,
用法:
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不可以实现的它也可以实现
时间: 2024-10-22 08:46:16