1.什么是Polyfill?

Polyfill是一个js库，主要抚平不同浏览器之间对js实现的差异。比如，html5的storage(session,local), 不同浏览器，不同版本，有些支持，有些不支持。Polyfill（Polyfill有很多，在GitHub上https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills），帮你把这些差异化抹平，不支持的变得支持了（典型做法是在IE浏览器中增加 window.XMLHttpRequest ，内部实现使用 ActiveXObject。）

提到Polyfill，不得不提shim,polyfill 是 shim的一种。
shim是将不同 api封装成一种，比如 jQuery的 $.ajax 封装了 XMLHttpRequest和 IE用ActiveXObject方式创建xhr对象。它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现。

2.如何使用？

直接引入项目，最简单就是CDN:

<script src="//cdn.polyfill.io/v1/polyfill.min.js" async defer></script>

简书同步文章

Polyfill简介相关推荐

面试题CSS02【21-10-14】
一.列举CSS中常用的伪类样式伪类 :link, :visited, :hover, :active, :focus, :first-child, :last-child, :nth-child, ...
HTML5和Intersection Observer的响应式图像优化简介
by Riccardo Canella 里卡多·卡内拉(Riccardo Canella) HTML5和Intersection Observer的响应式图像优化简介 (An intro to res ...
vue简易微前端项目搭建（一）：项目背景及简介
github传送门: 1.h5主项目 2.项目脚手架 3.子项目模板系列文章传送门: vue简易微前端项目搭建(一):项目背景及简介 vue简易微前端项目搭建(二):子项目模板及项目脚手架搭建 vu ...
ES6简介、新特性、Babel编译器、babel-cli工具、babel-polyfill工具（安装和使用）
目录简介 ECMAScript 的历史 ES6新特性 1.语法方面 2.功能方面 Babel编译器 babel-cli工具第一步:创建一个文件夹,名称为app,在vscode中打开终端,终端路 ...
前端学习第三十一课（ES6简介和babel的使用）
目录 1.ECMAScript简介 1.1 ES6 与 ECMAScript 2015 的关系 2.Babel转码器 2.1 安装babel 2.2 配置文件.babelrc 2.3 命令行转码 2 ...
1. 服务器端渲染(SSR)简介
1. 服务器端渲染(SSR)简介 1.1 什么是服务器端渲染(SSR)? Vue.js 是构建客户端应用程序的框架默认情况下浏览器输出Vue组件,生成DOM并操作DOM 服务器端渲染则是服务器端生成 ...
JS字符串补全方法padStart()和padEnd()简介
一.关于字符串补全在JS中,字符串补全是常用操作,用的比较多的就是时间或者日期前面的补0. 例如,日期,我们多采用4-2-2的表示形式,例如: 2018-07-23 当我们使用时间戳进行月份获取的时 ...
etcd 笔记（01）— etcd 简介、特点、应用场景、常用术语、分布式 CAP 理论、分布式原理
1. etcd 简介 etcd 官网定义: A highly-available key value store for shared configuration and service discov ...
Docker学习(一)-----Docker简介与安装
一.Docker介绍 1.1什么是docker Docker是一个开源的应用容器引擎,基于Go语言并遵从Apache2.0协议开源 Docker可以让开发者打包他们的应用以及依赖包到一个轻量级,可移植 ...

Polyfill简介

1.什么是Polyfill?

2.如何使用？

Polyfill简介相关推荐

最新文章

热门文章