如何引入并使用 polyfill

1.npm install -save babel-polyfill

2.npm install --save es6-promise

3.main.js

import 'babel-polyfill'
import Es6Promise from 'es6-promise'

Es6Promise.polyfill()

4.webpack.base.conf.js

module.exports = vuxLoader.merge(webpackConfig, {
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  },
  plugins: ['vux-ui']
})


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Polyfill是一个JavaScript库,用于填充浏览器缺失的特性或API。使用Polyfill可以让你的代码在不同浏览器中都能够正常运行。 下面是一个使用Polyfill的具体步骤: 1. 在HTML文件中引入Polyfill库的JavaScript文件。 ```html <script src="path/to/polyfill.js"></script> ``` 2. 在JavaScript代码中使用Polyfill来填充缺失的特性或API。 ```javascript // 这里是一个简单的示例,使用Polyfill来填充Array.prototype.includes方法 if (!Array.prototype.includes) { Array.prototype.includes = function(searchElement /*, fromIndex*/) { 'use strict'; if (this == null) { throw new TypeError('Array.prototype.includes called on null or undefined'); } var O = Object(this); var len = parseInt(O.length, 10) || 0; if (len === 0) { return false; } var n = parseInt(arguments[1], 10) || 0; var k; if (n >= 0) { k = n; } else { k = len + n; if (k < 0) {k = 0;} } var currentElement; while (k < len) { currentElement = O[k]; if (searchElement === currentElement || (searchElement !== searchElement && currentElement !== currentElement)) { // NaN !== NaN return true; } k++; } return false; }; } ``` 这里的代码检查了Array.prototype.includes方法是否存在,如果不存在就使用Polyfill来填充这个方法。 3. 使用填充后的特性或API来编写你的代码。 ```javascript var array = [1, 2, 3]; console.log(array.includes(2)); // 输出: true ``` 这里使用了填充后的Array.prototype.includes方法来判断数组中是否包含某个元素。 总之,Polyfill可以让你的代码在不同浏览器中都能够正常运行,是一个非常实用的工具。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值