HTML5 中的 polyfills 是什么意思？我在很多关于 HTML5 的网站上看到过这个词，例如HTML5-Cross-Browser-Polyfills。
所以在这里我们收集了所有的 shim、fallbacks 和 polyfills，以便在原生不支持它们的浏览器中植入 HTML5 功能。
我其实不明白 polyfills 是什么意思。
它是一种新的 HTML5 技术还是一个 JavaScript 库？在 HTML5 之前我从未听说过这个词。
shims、fallbacks 和 polyfills 之间有什么区别？
polyfill 是一种浏览器回退，用 JavaScript 制作，它允许您期望在现代浏览器中工作的功能在旧浏览器中工作，例如，在旧浏览器中支持画布（HTML5 功能）。
这是一种 HTML5 技术，因为它与 HTML5 结合使用，但它不是 HTML5 的一部分，并且您可以在没有 HTML5 的情况下使用 polyfill（例如，支持您想要的 CSS3 技术）。
这是一个很好的帖子：
http://remysharp.com/2010/10/08/what-is-a-polyfill/
这是 Polyfills 和 Shims 的完整列表：
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills
首先让我们澄清一下 polyfil 不是什么：polyfill 不是 HTML5 标准的一部分。polyfill 也不限于 Javascript，即使您经常看到在这些上下文中引用 polyfill。
术语 polyfill 本身指的是一些代码，“允许您拥有某些特定功能，这些功能您期望在当前或“现代”浏览器中也可以在其他不支持内置功能的浏览器中使用。
此处 polyfill 的来源和示例：
http://www.programmerinterview.com/index.php/html5/html5-polyfill/
polyfill 是一段代码（或插件），它提供了您（开发人员）希望浏览器本地提供的技术。
polyfill 是一种 shim，它用对shim的调用替换了原始调用。
例如，假设您想使用 navigator.mediaDevices 对象，但并非所有浏览器都支持此功能。您可以想象一个提供垫片的库，您可以像这样使用它：
<script src="js/MediaShim.js"></script>
<script>
MediaShim.mediaDevices.getUserMedia(...);
</script>
在这种情况下，您是显式调用 shim 而不是使用原始对象或方法。另一方面，polyfill 替换了原始对象上的对象和方法。
例如：
<script src="js/adapter.js"></script>
<script>
navigator.mediaDevices.getUserMedia(...);
</script>
在您的代码中，您似乎在使用标准的 navigator.mediaDevices 对象。但实际上，polyfill（示例中的adapter.js）已经用自己的对象替换了这个对象。
取而代之的是垫片。这将检测该功能是否受本机支持并在支持时使用它，如果不支持，它将使用其他 API 解决它。
所以 polyfill 是一种“透明”垫片。这就是 Remy Sharp（创造该术语的人）在说“如果你删除了 polyfill 脚本，你的代码将继续工作，尽管删除了 polyfill 不需要任何更改”的意思。
Web 开发中的polyfill是在不支持该功能的 Web 浏览器上实现该功能的代码。它通常是指实现 HTML5 或 CSS 网络标准的 JavaScript 库，既可以是现有浏览器上的既定标准（受某些旧浏览器支持），也可以是提议标准（不受任何浏览器支持）。根据定义，“polyfill 是浏览器 API 的垫片”。
HTML5 标准不包含 polyfill。Polyfill 不仅限于 Javascript，尽管它们在该上下文中经常被提及。