美文网首页
requestanimation 优雅降级

requestanimation 优雅降级

作者: 小飞侠zzr | 来源:发表于2019-01-24 15:01 被阅读0次

原文地址

if (!Date.now)
    Date.now = function() { return new Date().getTime(); };

(function() {
    'use strict';
    
    var vendors = ['webkit', 'moz'];
    for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
        var vp = vendors[i];
        window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
        window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
                                   || window[vp+'CancelRequestAnimationFrame']);
    }
    if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
        || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
        var lastTime = 0;
        window.requestAnimationFrame = function(callback) {
            var now = Date.now();
            var nextTime = Math.max(lastTime + 16, now);
            return setTimeout(function() { callback(lastTime = nextTime); },
                              nextTime - now);
        };
        window.cancelAnimationFrame = clearTimeout;
    }
}());

相关文章

  • requestanimation 优雅降级

    原文地址

  • 刷前端面经笔记(七)

    1.描述一下渐进增强和优雅降级 优雅降级(graceful degradation):一开始就构建站点的完整功能,...

  • 面试题

    1.JavaScript中面向对象中继承的实现 2.能描述下渐进增强和优雅降级之间的不同吗? 优雅降级:Web站点...

  • CSS3学习笔记(技术胖)

    标签(空格分隔): CSS3 前端 技术胖 面试题 渐进增强和优雅降级 答:渐进增强是先满足大部分浏览器;优雅降级...

  • js基础篇之一

    1、什么叫优雅降级和渐进增强? 优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则...

  • 面试准备之JS

    常规题目 1.渐进增强和优雅降级 优雅降级:一开始就构建整个网站的完整功能,然后针对低版本浏览器进行兼容。渐进增强...

  • 前端面试题终结版

    1.渐进增强 (progressive enhancement) 和优雅降级 (graceful degradat...

  • 大规模分布式系统原理解析和架构实践

    1 架构词汇 1.1 高可用 负载均衡(负载均衡算法) 反向代理 服务隔离 服务限流 服务降级(自动优雅降级) 大...

  • requestAnimation -- 动画?

    动画??? 动画就是间隔一段进行进行一个操作. 一般常用的动画处理模式有早期的定时器: setTimeout , ...

  • 优雅降级和逐渐增强

    什么是优雅降级和逐渐增强呢?优雅降级:一开始就构建完整的页面,然后在针对低版本的浏览器进行兼容;逐渐增强:先针对低...

网友评论

      本文标题:requestanimation 优雅降级

      本文链接:https://www.haomeiwen.com/subject/neoyjqtx.html