Vue2移動端項目完成總結

項目使用vue-cli搭建，技術棧使用vue2+webpack3。該項目爲移動端，內嵌App中。業務內容爲黃金交易。使用webscoket實時獲取服務端數據，更新黃金價格。使用Echart製做k線圖，對數據進行展現。對於項目中遇到一些問題進行總結記錄

1. 移動端適配（rem+px）
   項目使用less預處理，動態獲取設備尺寸，進而設置不一樣的跟字體大小。
2. 移動端兼容問題
   ios8,9下的safari對es6不支持，在本項目中，打包已經轉es5了，可是仍是不能再ios8(測試時用的是ip5),通過在Mac上測試，查看到報錯，得知某些文件仍是沒有轉。查看報錯文件發現是使用的Swiper插件源碼有使用es6的語法，講這些沒有轉的文件也轉一下。

   ios8不兼容flex，須要添加前綴。自動添加前綴的插件
   

   移動端1px極細線須要模擬實現。

3. 項目優化（文件打包體積，路由層的代碼分割按需加載）
   webpack-bundle-analyzer 這個插件能夠用來分析打包以後每一個文件的組成，這樣能夠分析每一個較大文件的緣由在哪裏，能夠進行哪方面的優化。能夠開啓gzip壓縮，配置服務器，減少打包文件大小。
   

   在路由層，使用webpack提供的代碼分割進行按需加載。
   

---

總結：總體問題有解決辦法主要爲以上幾點，項目中基本沒有難點，關於登陸和驗證身份都是正常的後臺校驗。有新的會不斷補充