core.js

core.js 是一个 JavaScript 标准库的 polyfill（垫片/补丁），主要用于提供 ECMAScript 标准中缺失的功能和特性的垫片，以实现跨浏览器的兼容性，以下是关于 core.js 的详细介绍：

功能特点

支持最新的 ECMAScript 标准：core.js 包含了 ECMAScript 2020 及之前版本的多项特性的 polyfills，如 Promise、Symbol、Proxy、Reflect 等。

支持新的数据结构和数据类型：提供了对 Map、Set、WeakMap、WeakSet、Symbol、TypedArray 等新的数据结构和数据类型的支持。

方便处理 HTTP 请求：提供了多种方式让开发者方便地处理 HTTP 请求，例如使用 XMLHttpRequest（XHR）对象发送和接收 HTTP 请求，或使用 Promise 在请求完成后处理结果。

提供数据存储方式：提供了多种数据存储方式，例如使用 IndexedDB 进行键值存储和索引查询，或使用 Web SQL 支持事务操作和索引查询。

URL 构建工具：提供了 URL 构建工具，可以将 JavaScript 对象转换为 HTTP 请求的 URL，用于构建动态网页、数据存储、图片处理等任务。

安装与使用

安装：可以通过 npm 安装 core.js，例如npm install --save core-js@3.18.3，也可以选择安装不污染全局命名空间的版本core-js-pure，或者安装 bundled global versioncore-js-bundle。

导入：可以按需导入 core.js 的模块，例如import "core-js/stable"; 导入唯一稳定的 ES 功能和 Web 标准，或者import "core-js/es"; 仅支持稳定的 ES 功能，也可以只导入指定的 API，例如import "core-js/features/set";。

相关功能包

core-js：定义全局的 polyfill。

core-js-pure：提供不污染全局环境的 polyfill，等价于 core-js@2/library。

core-js-compat：维护了按照 browserslist 规范的垫片需求数据，来帮助找到符合目标环境的 polyfills 需求集合。

core-js-builder：可以被 Node.js 服务使用，构建出不同场景的垫片包。

core-js-builder：可以结合 core-js-compact 以及 core-js，并利用 webpack 能力，根据需求打包出 core-js 代码。

示例

由于 IE 浏览器无法兼容新的语法和 API，所以需要用到 core.js 进行兼容性处理，在 IE 中使用数组方法 includes，可以安装 core.js 并在代码中导入相应的模块来实现兼容性。

FAQs

Q1: core.js 是否会影响页面加载性能？

A1: core.js 本身是一个纯 JavaScript 库，不会直接影响页面加载性能，如果引入过多的 polyfills 可能会导致页面体积增大，从而影响加载速度，建议按需引入 core.js 的模块，避免不必要的性能开销。

Q2: core.js 是否与 Babel 冲突？

A2: core.js 与 Babel 并不冲突，core.js 可以与 Babel 紧密集成，通过 Babel 插件 transform-runtime 来优化 core.js 的导入和使用，这样可以确保在编译时自动引入所需的 polyfills，提高开发效率和代码质量。