2018-09-10-html5的一些polyfill

1. 何为 polyfill？
   Polyfill你可以理解为“腻子”，就是装修的时候，可以把缺损的地方填充抹平。
   举个例子，html5的storage(session,local), 不同浏览器，不同版本，有些支持，有些不支持。
   我们又想使用这个特性，怎么办？
   有些人就写对应的Polyfill（Polyfill有很多），帮你把这些差异化抹平，不支持的变得支持了（简单来讲，写些代码判断当前浏览器有没有这个功能，没有的话，就写一些支持的补丁代码）。
   你只需要把需要的Polyfill引入到你的程序里，就可以了。

作者：361394530qq
链接：https://juejin.im/post/5a579bc7f265da3e38496ba1

polyfill 是一段代码(或者插件)，提供了那些开发者们希望浏览器原生提供支持的功能。程序库先检查浏览器是否支持某个API，如果不支持则加载对应的 polyfill。主要特征：

是一个浏览器 API 的 Shim;
与浏览器有关;
没有提供新的API，只是在 API 中实现缺少的功能;
以只需要引入 polyfill ，它会静静地工作;

2. html5的一些polyfill
   https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

3. 何为 shim
   shim 指的是在一个旧的环境中模拟出一个新 API ，而且仅靠旧环境中已有的手段实现，以便所有的浏览器具有相同的行为。主要特征：

该 API 存在于现代浏览器中;
浏览器有各自的 API 或 可通过别的 API 实现;
API 的所有方法都被重新实现；
拦截 API 调用，并提供自己的实现；
是一个优雅降级。

4. 总结
   shim 的概念要比 polyfill 更大一些，可以将 polyfill 理解为专门兼容浏览器 API 的 shim 。简单的说，如果浏览器X支持标准规定的功能，那么 polyfill 可以让浏览器 Y 的行为与浏览器 X 一样。