資訊專欄INFORMATION COLUMN
摘要：對于項目中遇到一些問題進行總結記錄移動端適配項目使用預處理，動態獲取設備尺寸，進而設置不同的跟字體大小。
項目使用vue-cli搭建，技術棧使用vue2+webpack3。該項目為移動端，內嵌App中。業務內容為黃金交易。使用webscoket實時獲取服務端數據，更新黃金價格。使用Echart制作k線圖，對數據進行展示。對于項目中遇到一些問題進行總結記錄
移動端適配（rem+px）
項目使用less預處理，動態獲取設備尺寸，進而設置不同的跟字體大小。
移動端兼容問題
ios8,9下的safari對es6不支持，在本項目中，打包已經轉es5了，但是還是不能再ios8(測試時用的是ip5),經過在Mac上測試，查看到報錯，得知某些文件還是沒有轉。查看報錯文件發現是使用的Swiper插件源碼有使用es6的語法，講這些沒有轉的文件也轉一下。
ios8不兼容flex，需要添加前綴。自動添加前綴的插件
移動端1px極細線需要模擬實現。
項目優化（文件打包體積，路由層的代碼分割按需加載）
webpack-bundle-analyzer 這個插件可以用來分析打包之后每個文件的組成，這樣可以分析每個較大文件的原因在哪里，可以進行哪方面的優化。可以開啟gzip壓縮，配置服務器，減小打包文件大小。
在路由層，使用webpack提供的代碼分割進行按需加載。
總結：整體問題有解決辦法主要為以上幾點，項目中基本沒有難點，關于登錄和驗證身份都是正常的后臺校驗。有新的會不斷補充
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99950.html
摘要：使用即可完成一個很有意思的在線游戲作品。你畫我猜，相信大家對這個游戲都很熟悉。我用實現了你畫我猜這個游戲?？梢孕薷漠嫻P顏色，粗細，進行撤銷，恢復，清空等操作。第一個猜完后，游戲時間縮短為秒。 使用 websocket + vue2 即可完成一個很有意思的在線游戲作品。你畫我猜，相信大家對這個游戲都很熟悉。 我用Vue2 + mint-ui + nodejs + websocket ...
摘要：遇到問題時一定要去閱讀文檔，可以發現使用時遺漏或者沒有注意的地方。打包文件時也要注意修改路徑不然就踩坑了。 vue_lofter 一個仿lofte手機端的vue項目 項目描述 技術棧 Vue2.0全家桶 + axios + Vuex + Mint-ui + Mock.js + Stylus 預覽效果 ?預覽地址(PC端建議在Chrome下開啟調試模式或移動端瀏覽) ?源碼地址??求你...
vue-mobile-starter View README in English 基于 vue2 + vuex + vue-router 構建的移動端單頁微應用，適合于vue2、vuex、vue-router核心概念的理解與掌握。 前言 做這個項目的初衷其實很簡單，我司之前一直用angular、react進行PC端項目的開發，但是最近新開展了一些項目打算用vue來做移動端的開發(緊跟大廠的步伐?...
閱讀 3240·2021-11-15 11:37
閱讀 2458·2021-09-29 09:48
閱讀 3821·2021-09-22 15:55
閱讀 3021·2021-09-22 10:02
閱讀 2641·2021-08-25 09:40
閱讀 3235·2021-08-03 14:03
閱讀 1701·2019-08-29 13:11
閱讀 1575·2019-08-29 12:49
