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