微信小程序開發(fā)自從誕生依賴就備受矚目,雖然功能上有較多的限制,但是由于其便捷性與低成本,各大企業(yè)和品牌紛紛加入小程序開發(fā)陣營。
微信小程序的開發(fā)門檻相比移動(dòng)應(yīng)用低多了,那么我們在開發(fā)微信小程序的時(shí)候有哪些常見問題呢?今天藍(lán)暢信息技術(shù)就來和大家聊一下

域名必須是HTTPS
小程序后臺配置的域名,有服務(wù)器域名、業(yè)務(wù)域名、消息推送域名、普通二維碼域名,前三者必須是HTTPS域名,普通二維碼域名可以是HTTP域名;
wx.navigateTo跳轉(zhuǎn)不生效
帶有tabbar的頁面,必須使用wx.switchTab進(jìn)行跳轉(zhuǎn);
input組件placeholder字體顏色
寫在placeholder-class里面的color并不生效,需要寫在placeholder-style里面就可以了;
如何獲取shareTickets(可以解密微信群ID)
獲取shareTickets需要在app.onLaunch或者app.onShow里面才能獲取到,而不是page.onShow,請一定要注意;注:建議在app.onShow里面去獲取,app.onLaunch不是一直會(huì)執(zhí)行;
tabbar在切換時(shí)頁面數(shù)據(jù)無法刷新
tabbar的實(shí)現(xiàn)可能是顯示和隱藏view,所以,不會(huì)一直調(diào)用page.()方法,可以嘗試把代碼邏輯寫在page.onShow()里面,或者在onTabItemTap方法中處理;
wx.previewImage圖片預(yù)覽
預(yù)覽的圖片URL必須是HTTPS開頭,不能是本地圖片;
getPhoneNumber獲取手機(jī)號
目前該接口針對非個(gè)人開發(fā)者,且完成了認(rèn)證的小程序開放。個(gè)人開發(fā)者是沒辦法調(diào)用這個(gè)API的;
如何去掉自定義button灰色的圓角邊框
主要是button的偽元素設(shè)置了樣式,去掉即可: button::after{ display: none;};
wx.playVoice音頻播放
保證音頻文件已經(jīng)在本地,比如在wx.startRecord后,可以獲取到本地臨時(shí)的tempPath?;蛘咛崆罢{(diào)用wx.downloadFile來下載資源文件,然后再播放;
API老版本兼容
可以用wx.canIUse或者wx.getSystemInfoSync來獲取version和SDKversion進(jìn)行判斷,老版本給出相應(yīng)提示即可;
獲取系統(tǒng)信息
wx.getSystemInfo,可得到系統(tǒng)語言、屏幕寬高、微信版本號、操作系統(tǒng)、設(shè)備像素比、客戶端甚礎(chǔ)庫版本等信息;
image組件底部有間隙
image組件默認(rèn)底部會(huì)有間隙,可以設(shè)置為塊元素(display: block),也可以設(shè)置vertical-align: top;
回到頁面頂部
回到頁面頂部,有兩種方式:
(1)使用scroll-view設(shè)置為縱向滾動(dòng),然后設(shè)置scroll-top值;
(2)使用wx.pageScrollTo方法,此方法是1.4.0開始支持,所以要做低版本兼容;
textarea是APP的原生組件,層級最高
是個(gè)大坑,在有textarea的頁面,不要做彈出框設(shè)計(jì),建議在輸入大段文本時(shí),單獨(dú)成一個(gè)新頁面;
小程序中canvas的圖片不支持格式
格式圖片,在開發(fā)工具里面可以正常顯示,真機(jī)上沒有顯示。建議修改成帶https開頭的url形式;
一段文字如何換行
小程序中唯一可以實(shí)現(xiàn)換行的標(biāo)簽組件是text,注:text中不支持,只能使用進(jìn)行換行;
設(shè)置最外層標(biāo)簽的margin-bottom在IOS下不生效
margin-bottom在安卓和開發(fā)工具里面都正常,就是在IOS下不起效,建議改成padding-bottom;
刪除體驗(yàn)版,仍然有緩存?
開發(fā)過程中,可能會(huì)遇到,刪除小程序的體驗(yàn)版,但是緩存依然存在。建議把開發(fā)版和線上版都刪除,因?yàn)樾〕绦蚓彺媸枪灿玫模?/p>
開發(fā)者工具無法復(fù)制、粘貼代碼
開發(fā)者工具中,經(jīng)常會(huì)遇到無法復(fù)制、粘貼、搜索代碼,有時(shí)還會(huì)出現(xiàn),在A文件輸入,內(nèi)部跑到了B文件中,大寫的尷尬。遇到這種情況,建議重啟微信開發(fā)者工作。
本文來自網(wǎng)絡(luò) 由藍(lán)暢整理,經(jīng)授權(quán)后發(fā)布,本文觀點(diǎn)不代表Infocode藍(lán)暢信息技術(shù)立場,轉(zhuǎn)載請聯(lián)系原作者。