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