对于大部分现代浏览器而言，例如chrome，firefox，edge等，它们都极大的支持了ES5和ES6，这使得VUE及各类插件可以流畅地运行在其上
但是，万恶地IE不会让我们好过
当我们在项目中引入粒子特效的时候——
整个页面会变成空白，这是重大的显示bug，对于前端工程师来说是决不能忍的
最可怕之处在于这个问题很难检查，因为会导致IE白屏的有两种可能——vue-particles源码问题，以及vue3.x的兼容问题，一旦问题发生，你很难精确定位到问题
如何定位问题不是今天的重点，我只聊聊如何重写vue-particles的一部分代码，使其也能在宛如智障的IE上运行
第一步：cnpm i vue-particles –save-dev
第二步：在node_modules里面找到vue-particles
第三步：打开src–>vue-particles–>index.js
第四步：将整个index.js的代码替换为如下内容：
/* eslint-disable */
import particles from './vue-particles.vue'
const VueParticles = {
install: function (Vue, options) {
Vue.component('vue-particles', particles)
}
}
export default VueParticles
/* eslint-disable */
第五步：重启项目
问题解决
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/153547.html
