每日一库：Modernizr.js,es5-shim.js,es5-safe.js

最新推荐文章于 2024-08-10 07:10:29 发布
最新推荐文章于 2024-08-10 07:10:29 发布
阅读量126 收藏
点赞数
文章标签： 测试 javascript ViewUI
原文链接：http://www.cnblogs.com/zhuzf/archive/2013/02/07/Modernizr.html
版权

Modernizr.js

介绍：Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

地址：https://github.com/Modernizr/Modernizr 

http://modernizr.com/docs/#installing

 

es5-shim.js：

介绍：ECMAScript 5 compatibility shims for legacy JavaScript engines

地址：https://github.com/kriskowal/es5-shim

es5-safe.js

github地址访问不了

贴出源码：

(function(factory) {

  if (typeof define === 'function') {
    define('#es5-safe/0.9.2/es5-safe-debug', [], factory);
  }else {
    factory();
  }

})(function() {
/**
 * @preserve The safe part of es5-shim v0.9.2 | https://github.com/seajs/dew/tree/master/src/es5-safe | MIT Licensed
 */

/**
 * @fileoverview Provides compatibility shims so that legacy JavaScript
 * engines behave as closely as possible to ES5.
 *
 * @author lifesinger@gmail.com (Frank Wang)
 *
 * @see Thanks to:
 *   - http://es5.github.com/
 *   - http://kangax.github.com/es5-compat-table/
 *   - https://github.com/kriskowal/es5-shim
 *   - http://perfectionkills.com/extending-built-in-native-objects-evil-or-not/
 *   - https://gist.github.com/1120592
 *   - https://code.google.com/p/v8/
 */

(function() {

  var OP = Object.prototype;
  var AP = Array.prototype;
  var FP = Function.prototype;
  var SP = String.prototype;
  var hasOwnProperty = OP.hasOwnProperty;
  var slice = AP.slice;


  /*---------------------------------------*
   * Function
   *---------------------------------------*/

  // ES-5 15.3.4.5
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind
  FP.bind || (FP.bind = function (that) {
    var target = this;

    // If IsCallable(func) is false, throw a TypeError exception.
    if (typeof target !== 'function') {
      throw new TypeError('Bind must be called on a function');
    }

    var boundArgs = slice.call(arguments, 1);

    function bound() {
      // Called as a constructor.
      if (this instanceof bound) {
        var self = createObject(target.prototype);
        var result = target.apply(
            self,
            boundArgs.concat(slice.call(arguments))
        );
        return Object(result) === result ? result : self;
      }
      // Called as a function.
      else {
        return target.apply(
            that,
            boundArgs.concat(slice.call(arguments))
        );
      }
    }

    // NOTICE: The function.length is not writable.
    //bound.length = Math.max(target.length - boundArgs.length, 0);

    return bound;
  });


  // Helpers
  function createObject(proto) {
    var o;

    if (Object.create) {
      o = Object.create(proto);
    }
    else {
      /** @constructor */
      function F() {}
      F.prototype = proto;
      o = new F();
    }

    return o;
  }


  /*---------------------------------------*
   * Object
   *---------------------------------------*/
  // http://ejohn.org/blog/ecmascript-5-objects-and-properties/

  // ES5 15.2.3.14
  // http://whattheheadsaid.com/2010/10/a-safer-object-keys-compatibility-implementation
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/keys
  // https://developer.mozilla.org/en/ECMAScript_DontEnum_attribute
  // http://msdn.microsoft.com/en-us/library/adebfyya(v=vs.94).aspx
  Object.keys || (Object.keys = (function () {
    var hasDontEnumBug = !{toString:''}.propertyIsEnumerable('toString');
    var DontEnums = [
      'toString',
      'toLocaleString',
      'valueOf',
      'hasOwnProperty',
      'isPrototypeOf',
      'propertyIsEnumerable',
      'constructor'
    ];
    var DontEnumsLength = DontEnums.length;

    return function (o) {
      if (o !== Object(o)) {
        throw new TypeError(o + ' is not an object');
      }

      var result = [];

      for (var name in o) {
        if (hasOwnProperty.call(o, name)) {
          result.push(name);
        }
      }

      if (hasDontEnumBug) {
        for (var i = 0; i < DontEnumsLength; i++) {
          if (hasOwnProperty.call(o, DontEnums[i])) {
            result.push(DontEnums[i]);
          }
        }
      }

      return result;
    };

  })());


  /*---------------------------------------*
   * Array
   *---------------------------------------*/
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array
  // https://github.com/kangax/fabric.js/blob/gh-pages/src/util/lang_array.js

  // ES5 15.4.3.2
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/isArray
  Array.isArray || (Array.isArray = function (obj) {
    return OP.toString.call(obj) === '[object Array]';
  });


  // ES5 15.4.4.18
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/foreach
  AP.forEach || (AP.forEach = function (fn, context) {
    for (var i = 0, len = this.length >>> 0; i < len; i++) {
      if (i in this) {
        fn.call(context, this[i], i, this);
      }
    }
  });


  // ES5 15.4.4.19
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/map
  AP.map || (AP.map = function (fn, context) {
    var len = this.length >>> 0;
    var result = new Array(len);

    for (var i = 0; i < len; i++) {
      if (i in this) {
        result[i] = fn.call(context, this[i], i, this);
      }
    }

    return result;
  });


  // ES5 15.4.4.20
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/filter
  AP.filter || (AP.filter = function (fn, context) {
    var result = [], val;

    for (var i = 0, len = this.length >>> 0; i < len; i++) {
      if (i in this) {
        val = this[i]; // in case fn mutates this
        if (fn.call(context, val, i, this)) {
          result.push(val);
        }
      }
    }

    return result;
  });


  // ES5 15.4.4.16
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/every
  AP.every || (AP.every = function (fn, context) {
    for (var i = 0, len = this.length >>> 0; i < len; i++) {
      if (i in this && !fn.call(context, this[i], i, this)) {
        return false;
      }
    }
    return true;
  });


  // ES5 15.4.4.17
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/some
  AP.some || (AP.some = function (fn, context) {
    for (var i = 0, len = this.length >>> 0; i < len; i++) {
      if (i in this && fn.call(context, this[i], i, this)) {
        return true;
      }
    }
    return false;
  });


  // ES5 15.4.4.21
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/reduce
  AP.reduce || (AP.reduce = function (fn /*, initial*/) {
    if(typeof fn !== 'function') {
      throw new TypeError(fn + ' is not an function');
    }

    var len = this.length >>> 0, i = 0, result;

    if (arguments.length > 1) {
      result = arguments[1];
    }
    else {
      do {
        if (i in this) {
          result = this[i++];
          break;
        }
        // if array contains no values, no initial value to return
        if (++i >= len) {
          throw new TypeError('reduce of empty array with on initial value');
        }
      }
      while (true);
    }

    for (; i < len; i++) {
      if (i in this) {
        result = fn.call(null, result, this[i], i, this);
      }
    }

    return result;
  });


  // ES5 15.4.4.22
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/reduceRight
  AP.reduceRight || (AP.reduceRight = function (fn /*, initial*/) {
    if(typeof fn !== 'function') {
      throw new TypeError(fn + ' is not an function');
    }

    var len = this.length >>> 0, i = len - 1, result;

    if (arguments.length > 1) {
      result = arguments[1];
    }
    else {
      do {
        if (i in this) {
          result = this[i--];
          break;
        }
        // if array contains no values, no initial value to return
        if (--i < 0)
          throw new TypeError('reduce of empty array with on initial value');
      }
      while (true);
    }

    for (; i >= 0; i--) {
      if (i in this) {
        result = fn.call(null, result, this[i], i, this);
      }
    }

    return result;
  });


  // ES5 15.4.4.14
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/indexOf
  AP.indexOf || (AP.indexOf = function (value, from) {
    var len = this.length >>> 0;

    from = Number(from) || 0;
    from = Math[from < 0 ? 'ceil' : 'floor'](from);
    if (from < 0) {
      from = Math.max(from + len, 0);
    }

    for (; from < len; from++) {
      if (from in this && this[from] === value) {
        return from;
      }
    }

    return -1;
  });


  // ES5 15.4.4.15
  // https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/indexOf
  AP.lastIndexOf || (AP.lastIndexOf = function (value, from) {
    var len = this.length >>> 0;

    from = Number(from) || len - 1;
    from = Math[from < 0 ? 'ceil' : 'floor'](from);
    if (from < 0) {
      from += len;
    }
    from = Math.min(from, len - 1);

    for (; from >= 0; from--) {
      if (from in this && this[from] === value) {
        return from;
      }
    }

    return -1;
  });


  /*---------------------------------------*
   * String
   *---------------------------------------*/

  // ES5 15.5.4.20
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/trim
  // http://blog.stevenlevithan.com/archives/faster-trim-javascript
  // http://jsperf.com/mega-trim-test
  SP.trim || (SP.trim = (function () {

    // http://perfectionkills.com/whitespace-deviations/
    var whiteSpaces = [

      '\\s',
      //'0009', // 'HORIZONTAL TAB'
      //'000A', // 'LINE FEED OR NEW LINE'
      //'000B', // 'VERTICAL TAB'
      //'000C', // 'FORM FEED'
      //'000D', // 'CARRIAGE RETURN'
      //'0020', // 'SPACE'

      '00A0', // 'NO-BREAK SPACE'
      '1680', // 'OGHAM SPACE MARK'
      '180E', // 'MONGOLIAN VOWEL SEPARATOR'

      '2000-\\u200A',
      //'2000', // 'EN QUAD'
      //'2001', // 'EM QUAD'
      //'2002', // 'EN SPACE'
      //'2003', // 'EM SPACE'
      //'2004', // 'THREE-PER-EM SPACE'
      //'2005', // 'FOUR-PER-EM SPACE'
      //'2006', // 'SIX-PER-EM SPACE'
      //'2007', // 'FIGURE SPACE'
      //'2008', // 'PUNCTUATION SPACE'
      //'2009', // 'THIN SPACE'
      //'200A', // 'HAIR SPACE'

      '200B', // 'ZERO WIDTH SPACE (category Cf)
      '2028', // 'LINE SEPARATOR'
      '2029', // 'PARAGRAPH SEPARATOR'
      '202F', // 'NARROW NO-BREAK SPACE'
      '205F', // 'MEDIUM MATHEMATICAL SPACE'
      '3000' //  'IDEOGRAPHIC SPACE'

    ].join('\\u');

    var trimLeftReg = new RegExp('^[' + whiteSpaces + ']+');
    var trimRightReg = new RegExp('[' + whiteSpaces + ']+$');

    return function() {
      return String(this).replace(trimLeftReg, '').replace(trimRightReg, '');
    }

  })());


  /*---------------------------------------*
   * Date
   *---------------------------------------*/

  // ES5 15.9.4.4
  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/now
  Date.now || (Date.now = function () {
    return +new Date;
  });

})();


});

 

 

 

 

转载于:https://www.cnblogs.com/zhuzf/archive/2013/02/07/Modernizr.html

es5-shim.js
06-04
该文件是es5-shim.js，需要的down一下吧
ECMAScript 5 兼容库 es5-shim 教程
最新发布
gitblog_00977的博客
08-10 292
ECMAScript 5 兼容库 es5-shim 教程 es5-shimECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines项目地址:https://gitcode.com/gh_mirrors/es/es5-shim 1. 项目介绍 es5-shim 是一个针对遗留（及现代）JavaScript...
es5-shim: 向后兼容的 JavaScript 实现
gitblog_00003的博客
03-09 478
es5-shim: 向后兼容的 JavaScript 实现 es5-shimECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines项目地址:https://gitcode.com/gh_mirrors/es/es5-shim 是一个 JavaScript 库，用于为不完全支持 ECMAScript 5...
es5-safe:拓展原生对象,提供ES5规范新增的部分功能
06-15
es5 安全 es5-safe Fork 来自 该模块提供了兼容性垫片，以便遗留 JavaScript 引擎的行为尽可能接近 ES5。 它提供了以下方法： Function . prototype . bind Object . keys Array . isArray Array . prototype . forEach Array . prototype . map Array . prototype . filter Array . prototype . every Array . prototype . some Array . prototype . reduce Array . prototype . reduceRight Array . prototype . indexOf Array . prototype . lastIndexOf String . pr
select2兼容ie8版本的js css zh-cn.js
12-07
5. **JavaScript Polyfill**：某些新的JavaScript API在IE8中不可用，如Array的`forEach`方法，可能需要引入polyfill库如es5-shim。 6. **zh-cn.js**：这个文件很可能是Select2的中文语言包，确保正确引用以实现...
ie6-10兼容性解决-js.zip
05-21
JavaScript是一种广泛使用的编程语言，用于创建交互式的网页。IE6至IE10之间的兼容性问题主要涉及以下方面： 1. **语法差异**：各个版本的IE对ECMAScript标准的支持程度不同，例如IE6不支持`Array.prototype....
jquery IE浏览器版本过低提示.rar
07-04
4. **Modernizr**：这是一个强大的JavaScript库，可以检测浏览器的特性，帮助你决定何时使用替代的代码路径。 5. **优雅降级与渐进增强**：设计网页时，应考虑在没有JavaScript或使用旧版浏览器的情况下的用户体验...
前端项目-ie-love.zip
09-02
2. **选择Polyfill**：根据需求，从"ie-love"项目中选取对应的Polyfill文件，或者查找其他第三方库如"es5-shim", "es6-shim"等。 3. **引入Polyfill**：在项目的HTML文件中，通过`<script>`标签引入这些Polyfill，...
select2_ie8.rar
03-23
为了解决这个问题，我们需要引入一个polyfill库，如es5-shim和es5-sham，它们可以为老版本的JavaScript引擎添加缺失的API，使得Select2的代码能够正常执行。 其次，IE8对CSS3选择器和过渡效果的支持有限，这可能会...
es5-shim：适用于旧式（和现代）JavaScript引擎的ECMAScript 5兼容性垫片
02-19
es5-shim es5-shim.js和es5-shim.min.js猴子修补了一个JavaScript上下文，以包含所有EcmaScript 5方法，这些方法可以用旧版JavaScript引擎如实地模拟。 注意：由于es5-shim.js旨在修补本机Javascript引擎，因此应该首先加载该库。 es5-sham.js和es5-sham.min.js尽可能紧密地修补其他ES5方法。 对于这些方法，尽可能接近ES5的不是很紧密。 这些缺陷中的许多缺陷仅旨在允许将代码写入ES5，而不会在较旧的引擎中引起运行时错误。 在许多情况下，这意味着这些现象会导致许多ES5方法无声地失败。 仔细确定这是否是您想要的。 注意： es5-sham.js需要es5-shim.js才能正常工作。 测验 测试是使用Jasmine BDD测试框架编写的。 要运行测试，请导航至/ tests /，或者简单地n
IE8对象不支持js方法keys() es5-shim
飞扬小阁
10-29 5416
https://github.com/es-shims/es5-shim https://github.com/es-shims/es5-shim/blob/master/es5-shim.js
从shim & polyfill谈浏览器兼容性
sxLDWX的专栏
01-03 1884
shim:shim是一个库，这个库中的方法接收的参数与调用方法与标准的方法一样，但是shim中的方法是自己实现逻辑处理的，因此在方法中加入了兼容性处理。所以方法的返回结果与标准方法相同。备注： 所谓标准方法就是你原先调用的ES5或者ES6或者其它库中的原生方法。polyfill:polyfill指的是符合shim标准的API。polyfill API使用老方法来实现新功能，从而保证在低级浏览器中也
es5-shim 项目使用教程
gitblog_00972的博客
08-10 420
es5-shim 项目使用教程 es5-shimECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines项目地址:https://gitcode.com/gh_mirrors/es/es5-shim 1、项目的目录结构及介绍 es5-shim 项目的目录结构相对简单，主要包含以下几个部分： / (根目...
解读2014之前端篇：任性的颠覆式改变
weixin_34216196的博客
02-11 143
HTML5正式定稿，ECMAScript 6 规范从纸上走到现实 2014年10月28日，W3C宣布HTML5正式定稿为标准，这不仅仅标志着历经8年的标准纷争告一段落，也代表着HTML5这个名词会逐步洗去铅华，其技术真正融入到Web开发的每个角落，就像当年Ajax一样，当大家不再大张旗鼓鼓吹概念和商业炒作时，正是其成熟时代到来了。HTML5规范和以前最大区别是让Web最...
angularjs java 文件上传_学习使用AngularJS文件上传控件
weixin_39636226的博客
03-03 207
前段时间做项目遇到一个需求是上传文件，大概需要实现的样式是这样子的，见下图：需要同时上传两个文件。并且规定文件格式和文件大小。因为前端框架使用angular，且不想因为一个上传功能又引入一个jquery，所以在网上查找基于angular的上传控件，因为angular还算比较新，貌似都没有太成熟的插件，网上的教程也大多是复制粘贴，总之没起倒多大的作用...但是皇天不负有心人，最后还是让我遇到了这个功...
IE8 兼容插件
萝卜芹菜芽
09-22 1831
本博客可以提供 ie8 基础需要涉及的： 一、插件：兼容 es5 语法，canvas，json用法，placeholder https://github.com/leftHandCat/IE8_Cloud es5-shim.min.js es5-sham.min.js excanvas.js JSON-js-master/json2.js (JSON 可以根据使用情况选择) jquery.pla
Modernizr.js库引入
05-26
Modernizr.js 是一个 JavaScript 库，用于检测浏览器是否支持 HTML5 和 CSS3 的新特性。如果浏览器不支持某些特性，Modernizr.js 可以提供一些替代方案或者让开发者可以根据当前浏览器的支持情况，做一些额外的处理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值