引用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的定義方式以及一些方法有些不同，要作一些改動。

吸收教訓，之後不要等到項目作到最後的時候才發現兼容性問題，早發現早解決。