介绍
@bolt/polyfills 是一个用于前端开发的 NPM 包。它提供了一系列的 Polyfills，用于在旧版浏览器中模拟新特性。通过使用这个包，开发者可以让自己开发的网站在更多的浏览器中正确地运行。
安装
通过 NPM 可以很方便地安装 @bolt/polyfills：
--- ------- ---------------
然后在项目中引入即可：
------ ------------------
使用
如果你想知道 @bolt/polyfills 究竟提供了哪些 Polyfills，可以去它的 GitHub 主页进行查看：https://github.com/bolt-design-system/bolt/blob/master/packages/polyfills/README.md
这里我们以示例的形式来介绍它的使用。
1. Array.prototype.includes
Array.prototype.includes 是 ECMAScript 7 中新增的数组 API，用于判断数组中是否包含某个值。但是，在一些旧版浏览器中并不支持这个 API。通过使用 @bolt/polyfills，我们可以在这些旧版浏览器中使用这个 API：
-- ----- -- --------------- - ------------------- ---- -
2. Object.assign
Object.assign 用于对象的合并。同样地，在一些旧版浏览器中并不支持这个 API。使用 @bolt/polyfills，我们可以这样使用：
----- ------ - - -- - -- ----- ------ - - -- - -- ----- ------ - --------------------- -------- -------------------- -- - -- -- -- - -
3. Element.prototype.classList
Element.prototype.classList 包含了一系列操作元素 class 的方法，如 add、remove 等。一些旧版浏览器并不支持这个 API。使用 @bolt/polyfills 前：
----- ------- - ----------------------------------- -- -------------------------------------- - ----------------------------------- - ---- - -------------------------------- -
使用 @bolt/polyfills 后：
----- ------- - ----------------------------------- -- ------------------------------------ --- --- - ----------------- - ----------------------------------- ----------- - ---- - ----------------- -- - -------- -
4. window.requestAnimationFrame
window.requestAnimationFrame 用于通过浏览器的优化机制，在下一次页面渲染之前执行动画或其他操作，可以提高动画的流畅性。一些旧版浏览器并不支持这个 API。使用 @bolt/polyfills，我们可以这样使用：
----- ------- - -- -- - -- ------- -------------------------------------- - --------------------------------------
结论
@bolt/polyfills 是一个非常实用的 NPM 包，通过它，我们可以让自己开发的网站在更多的浏览器中正确地运行。建议在开发中使用它，并在需要的时候查阅它的 GitHub 主页，以获取更多的 Polyfills。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaa51b5cbfe1ea061043f