很多看的懂小程序的，都已經賺了第一桶金了 。而你還在觀望，要不要學習小程序開發，等后面從事開發小程序的人越來越多，那時你才要開始人坑，是不是已經都太遲了，那時公司要求你的技術水平已經不再停留在初級工程師了，要的是那些已經從事這方面開發多年的中高級開發人員了 。所以，我們做開發的，一定不要觀望，動手開始學習吧！

今天分享的文章，主要先分享一些小程序開發需要注意的問題。

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

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

2、域名必須是HTTPS

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

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

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

4、input組件placeholder字體顏色

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

5、getPhoneNumber獲取手機號

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

6、如何獲取shareTickets

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

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

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

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

8、wx.previewImage圖片預覽

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

9、API老版本兼容

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

10、wx.playVoice音頻播放

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

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

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

12、獲取系統信息

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

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

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

14、小程序如何冷啟動

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

15、一段文字如何換行

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

注：text中不支持
，只能使用 進行換行

16、回到頁面頂部

回到頁面頂部，有兩種方式：

1、使用scroll-view設置為縱向滾動，然后設置scroll-top值；

2、使用wx.pageScrollTo方法，此方法是1.4.0開始支持，所以要做低版本兼容；

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

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