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