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