URI編碼問(wèn)題
在進(jìn)行GET
提交參數(shù)的時(shí)候种远,如果參數(shù)中有中文款筑,記得要進(jìn)行URI編碼,encodeURI(參數(shù))
如果不進(jìn)行編碼咕娄,ios設(shè)備正常。安卓設(shè)備會(huì)可能出現(xiàn)獲取不到參數(shù)的情況珊擂。
新特性支持情況
有些新特性可能會(huì)只支持高版本圣勒,對(duì)于低版本不支持,開(kāi)發(fā)的時(shí)候要看清楚官方文檔摧扇。例如:icon
組件的size
屬性從2.4.0
基礎(chǔ)庫(kù)開(kāi)始支持rpx屬性圣贸。如果用戶(hù)客戶(hù)端基礎(chǔ)庫(kù)小于這個(gè)版本,就會(huì)出現(xiàn)無(wú)法顯示的問(wèn)題扛稽,從而影響業(yè)務(wù)吁峻。
封裝請(qǐng)求
開(kāi)發(fā)開(kāi)始之前最好根據(jù)業(yè)務(wù)封裝請(qǐng)求函數(shù),這樣會(huì)事半功倍在张。
建立工具函數(shù)庫(kù)
把一些常用的函數(shù)用含,例如格式化時(shí)間、封裝的請(qǐng)求帮匾、去空格等等啄骇。放到util.js里面做為工具類(lèi)庫(kù)。
使用WXS
WXS是小程序腳本語(yǔ)言瘟斜,功能類(lèi)似于Vue的過(guò)濾器缸夹。但是WXS的語(yǔ)法不全和js一樣,具體看官方文檔螺句。
靜態(tài)資源問(wèn)題
把大部分靜態(tài)資源放到云上(除非你有特殊需求),把tab圖標(biāo)放到本地項(xiàng)目虽惭。這樣會(huì)大大節(jié)省小程序資源。但是網(wǎng)絡(luò)不好的情況蛇尚,會(huì)出現(xiàn)靜態(tài)資源加載慢的情況芽唇。
RESTful 接口獨(dú)立
把請(qǐng)求的接口路徑進(jìn)行獨(dú)立,單獨(dú)放到一個(gè)類(lèi)似serve.js的文件里面佣蓉,便于以后維護(hù)披摄。把域名也獨(dú)立出來(lái)亲雪。
分包加載
在一些大項(xiàng)目的時(shí)候,根據(jù)業(yè)務(wù)可以使用分包加載技術(shù)疚膊。即把一些公用的頁(yè)面放到主包义辕,把其他的業(yè)務(wù)頁(yè)面放到各個(gè)分包中,然后在app.js
里面設(shè)置分包預(yù)加載寓盗。這樣做可以節(jié)省網(wǎng)絡(luò)開(kāi)銷(xiāo)灌砖,更有利于用戶(hù)體驗(yàn)。但是傀蚌,目前分包預(yù)加載只適用在app.js
中配置基显,沒(méi)有API接口。
rpx轉(zhuǎn)px
在某些場(chǎng)景中不能使用rpx善炫,比如在使用小程序動(dòng)畫(huà)功能的時(shí)候撩幽,并不支持rpx,只能輸入固定的px值箩艺,這就對(duì)屏幕適配很不友好了窜醉。下面我貼出我自用的rpx轉(zhuǎn)px函數(shù):
const rpxToPx = rpx => {
let rpx1 = parseInt(rpx);
return Math.floor(rpx1 / 750 * wx.getSystemInfoSync().windowWidth)
}