引用swiper的vue项目在ie浏览器下打开空白，以及编程习惯方面的思考

在作公司官网时前期没注意到检查ie浏览器的兼容，到项目尾声的时候才发如今ie下一片空白。

工程里东西已经不少了，定义不到具体是由于什么出的错，拔剑四顾心茫然的感受。只想到简单地在网上百度vue项目在ie浏览器下打开空白的解决办法，全部人都说是由于ie对es6的支持度很差，引用Babel-fill就行了。我就照着作了，配置也改了，没有效果，甚至有说法 "webpack-dev-server"的版本过高我都作了降版本处理，也没有解决，也问了好多人。

僵持了有足足两天，时间就这么白白浪费，很焦虑也很烦躁。

这时候一位经验比较丰富的同事，慷慨无私地帮我理了下定位错误的思路，调试bug没有思路的时候也要冷静，要有一种模块式思惟，像搭积木同样，一块一块加上去，哪一块轰然倒塌就知道问题了。

因而新建了一个空的vue项目，在ie下是能够显示的，接着一点点往上加东西，以后发现就是swiper的不兼容，一加上去ie就不显示了。结果是swiper版本的问题，最新的swiper4在ie中显示就是会出问题，将版本降到3.4.2就能够显示了。同时注意swiper3和4的定义方式以及一些方法有些不同，要作一些改动。

吸收教训，之后不要等到项目作到最后的时候才发现兼容性问题，早发现早解决。