在做項目中請必須熟知項目背景，項目需求，再去做技術(shù)選型！

使用框架時必須熟知框架指令特性！很重要；

兼容IE9以下低版本請不要使用Vue

Bootstrap+jQuery是很好的選擇！

VUE進(jìn)行開發(fā)實現(xiàn)雙語言切換

庫：? ? ? ? ? 1.i18n(雙語言切換)；

? ? ? ? ? ? ? ? ? 2.vue-router(路由）；

? ? ? ? ? ? ? ? ? 3.vuex(狀態(tài)管理，需要進(jìn)行雙語言切換監(jiān)聽變化)；

? ? ? ? ? ? ? ? ? 4.ElementUI(餓了么以電腦端為主得UI框架)；

? ? ? ? ? ? ? ? ? 5.sass(css預(yù)處理)；

? ? ? ? ? ? ? ? ? 6.echarts(需要K線圖，個人推薦不要用echarts,太大)；

? ? ? ? ? ? ? ? ? 7.axios(相對于fetch兼容性好，請求數(shù)據(jù))

IE的坑：1.走馬燈之前用的是swiper的，結(jié)果兼容性不好，4.0+兼容不好，3.0主要以移動端為主，

? ? ? ? ? ? ? ? 之后換成了ElementUI的走馬燈又引導(dǎo)出無法覆蓋ElementUI的樣式，因為VUE是默認(rèn)全局覆蓋局部，再加一個style，不要加scoped,ElementUI是全局引入！? 解決問題。

? ? ? ? ? ? ? ? 2.經(jīng)驗不足，IE9不支持flex,坑、坑、坑移動端寫習(xí)慣了！

? ? ? ? ? ? ? ? 3.多行文本省略只支持webkit內(nèi)核瀏覽器，又是坑，用js控制長度搞定！

? ? ? ? ? ? ? ? 4.低版本兼容引入babel-polyfill，將build?webpack.base.conf.js里entry修改為entry: {'babel-polyfill': 'babel-polyfill',app: './src/main.js'},

? ? ? ? ? ? 5.使用axios低版本兼容?es6-promise包，在main.js里引用

????????????????import promise from 'es6-promise'

????????????????promise.polyfill()

打包：1.history模式：需要服務(wù)器端配置請看官網(wǎng)https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations；不需要改任何東西，路由里加mode:history即可

? ? ? ? ? ?2.hash模式：將config里index.js里的 assetsPublicPath: '/'? ?改為assetsPublicPath: './',即可訪問靜態(tài)資源；

? ? ? ? ? ?3.打包體積：將config里index.js里的productionSourceMap: true, 改為?productionSourceMap: false，或者待打包完之后手動刪除Map文件；

? ? ? ? ? ? 4.路由懶加載（具體看官網(wǎng)很簡單）；

? ? ? ? ? ? 5.第三方包分離將build?webpack.base.conf.js里添加

????????????????????externals:{；

? ? ????????????????????'echarts':"echarts"

????????????????????? },

? ? ? ? ? ? 6.打包后css背景圖無法訪問，將build? ?utils.js里添加? publicPath: '../../',

? ? ? ? 7.sass配置（webpack.base.conf.js）

????{ test: /\.scss$/, loaders: ["style", "css", "sass"]},

如有寫錯的地方歡迎大家評論