微信小程序制作開發過程中常見問題解決辦法

2018-01-08文章來源: 銳云科技 http://www.cenyrx.tw    點擊詳詢     免費評估報價:400-969-0103

[溫馨提示]:專業服務,從溝通開始,銳云科技提供專業APP開發/微信開發一站式服務,免費規劃項目解決方案,產品經理一對一咨詢,
您可以通過點擊在線咨詢或撥打服務熱線(400-969-0103)與產品經理直接溝通,以獲得有效幫助!

       在開發微信小程序的過程中會遇到很多的問題,今天小程序開發公司銳云科技小編就來總結一下開發問題,如果有補充或者不對的地方,歡迎來指正。

微信小程序制作開發過程中常見問題解決辦法

 

1、域名必須是HTTPS

       非HTTPS的域名不被微信小程序允許

2、input組件placeholder字體顏色

       寫在placeholder-class里面的color并不生效,需要寫在placeholder-style里面就可以了

3、wx.navigateTo無法跳轉到帶tabbar的頁面

       帶有tabbar的頁面,必須使用wx.switchTab進行跳轉

4、tabbar在切換時頁面數據無法刷新

       tabbar的實現可能是顯示和隱藏view,所以,不會一直調用page.onLoad()方法,可以嘗試把代碼邏輯寫在page.onShow()里面

5、如何獲取shareTickets

       獲取shareTickets需要在app.onLaunch或者app.onShow里面才能獲取到,而不是page.onShow,請一定要注意。

       注:建議在app.onShow里面去獲取,app.onLaunch不是一直會執行

6、getPhoneNumber獲取手機號

       目前該接口針對非個人開發者,且完成了認證的小程序開放。個人開發者是沒辦法調用這個API的

7、wx.previewImage圖片預覽

       預覽的圖片URL必須是HTTPS開頭,不能是本地圖片

8、wx.playVoice音頻播放

       必須保證音頻文件已經在本地,比如在wx.startRecord后,可以獲取到filePath。或者提前調用wx.downloadFile來下載資源文件,然后再播放

9、API老版本兼容

       可以用wx.canIUse或者wx.getSystemInfoSync來進行判斷,老版本給出相應提示即可

10、獲取系統信息

       wx.getSystemInfo,可得到系統語言、屏幕寬高、微信版本號、操作系統、設備像素比、客戶端甚礎庫版本等信息

11、如何去掉自定義button灰色的圓角邊框

       主要是button的偽元素設置了樣式,去掉即可: button::after{ display: none;}

12、回到頁面頂部

       主要是button的偽元素設置了樣式,去掉即可: button::after{ display: none;}

13、input textarea是APP的原生組件,z-index層級最高

       有做過搜索框的同學,可能會遇到IOS下面,設置icon的z-index后,依然無法顯示。建議做顯示隱藏效果:點擊之前是一個view,點擊之后隱藏view,顯示input~

14、小程序如何冷啟動

       小程序的機制,是在退出五分鐘內進入,就會顯示的是退出前的頁面,如果你希望進入小程序都相當于冷啟動的方式,直接進入主頁面。你可以在page的onUnload里面里面set一個值,然后在app的onShow的時候判斷這個值,然后決定是否跳到首頁~

15、一段文字如何換行

       小程序中唯一可以實現換行的標簽組件是text

       注:text中不支持<br>,只能使用\n進行換行

16、設置最外層標簽的margin-bottom在IOS下不生效

       margin-bottom在安卓和開發工具里面都正常,就是在IOS下不起效,建議改成padding-bottom

17、小程序中canvas的圖片不支持base64格式

       base64格式圖片,在開發工具里面可以正常顯示,真機上沒有顯示。建議修改成帶https開頭的url形式


標    簽: 微信小程序制作開發    小程序開發

上一篇:藍牙音箱APP開發 藍牙模塊控制APP開發
下一篇: APP定制開發 滿足特殊人群需求

在線留言

溫馨提示:百搜不如一問!專業產品經理全面解答您的咨詢疑問,保持電話暢通,稍后給您回電。
  • * 姓 名:
  • * 手機號碼:
  • * 微信/QQ:
  • * 項目:
  •     
五味斋心水论坛