很多看的(de)懂小程序的(de)，都已經賺了(le／liǎo)第一(yī / yì ／yí)桶金了(le／liǎo) 。而(ér)你還在(zài)觀望，要(yào / yāo)不(bù)要(yào / yāo)學習小程序開發，等後面從事開發小程序的(de)人(rén)越來(lái)越多，那時(shí)你才要(yào / yāo)開始人(rén)坑，是(shì)不(bù)是(shì)已經都太遲了(le／liǎo)，那時(shí)公司要(yào / yāo)求你的(de)技術水平已經不(bù)再停留在(zài)初級工程師了(le／liǎo)，要(yào / yāo)的(de)是(shì)那些已經從事這(zhè)方面開發多年的(de)中高級開發人(rén)員了(le／liǎo) 。所以(yǐ)，我們做開發的(de)，一(yī / yì ／yí)定不(bù)要(yào / yāo)觀望，動手開始學習吧！

今天分享的(de)文章，主要(yào / yāo)先分享一(yī / yì ／yí)些小程序開發需要(yào / yāo)注意的(de)問題。

1、tabbar在(zài)切換時(shí)頁面數據無法刷新

tabbar的(de)實現可能是(shì)顯示和(hé / huò)隐藏view，所以(yǐ)，不(bù)會一(yī / yì ／yí)直調用page.onLoad()方法，可以(yǐ)嘗試把代碼邏輯寫在(zài)page.onShow()裏面；

2、域名必須是(shì)HTTPS

非HTTPS的(de)域名不(bù)被微信小程序允許

3、wx.navigateTo無法跳轉到(dào)帶tabbar的(de)頁面

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

4、input組件placeholder字體顔色

寫在(zài)placeholder-class裏面的(de)color并不(bù)生效，需要(yào / yāo)寫在(zài)placeholder-style裏面就(jiù)可以(yǐ)了(le／liǎo)

5、getPhoneNumber獲取手機号

目前該接口針對非個(gè)人(rén)開發者，且完成了(le／liǎo)認證的(de)小程序開放。個(gè)人(rén)開發者是(shì)沒辦法調用這(zhè)個(gè)API的(de)

6、如何獲取shareTickets

獲取shareTickets需要(yào / yāo)在(zài)app.onLaunch或者app.onShow裏面才能獲取到(dào)，而(ér)不(bù)是(shì)page.onShow，請一(yī / yì ／yí)定要(yào / yāo)注意。

注：建議在(zài)app.onShow裏面去獲取，app.onLaunch不(bù)是(shì)一(yī / yì ／yí)直會執行

7、小程序中canvas的(de)圖片不(bù)支持base64格式

base64格式圖片，在(zài)開發工具裏面可以(yǐ)正常顯示，真機上(shàng)沒有顯示。建議修改成帶https開頭的(de)url形式

8、wx.previewImage圖片預覽

預覽的(de)圖片URL必須是(shì)HTTPS開頭，不(bù)能是(shì)本地(dì / de)圖片

9、API老版本兼容

可以(yǐ)用wx.canIUse或者wx.getSystemInfoSync來(lái)進行判斷，老版本給出(chū)相應提示即可

10、wx.playVoice音頻播放

必須保證音頻文件已經在(zài)本地(dì / de)，比如在(zài)wx.startRecord後，可以(yǐ)獲取到(dào)filePath。或者提前調用wx.downloadFile來(lái)下載資源文件，然後再播放

11、設置最外層标簽的(de)margin-bottom在(zài)IOS下不(bù)生效

margin-bottom在(zài)安卓和(hé / huò)開發工具裏面都正常，就(jiù)是(shì)在(zài)IOS下不(bù)起效，建議改成padding-bottom

12、獲取系統信息

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

13、input textarea是(shì)APP的(de)原生組件，z-index層級最高

有做過搜索框的(de)同學，可能會遇到(dào)IOS下面，設置icon的(de)z-index後，依然無法顯示。建議做顯示隐藏效果：點擊之(zhī)前是(shì)一(yī / yì ／yí)個(gè)view，點擊之(zhī)後隐藏view，顯示input~

14、小程序如何冷啓動

小程序的(de)機制，是(shì)在(zài)退出(chū)五分鍾内進入，就(jiù)會顯示的(de)是(shì)退出(chū)前的(de)頁面，如果你希望進入小程序都相當于(yú)冷啓動的(de)方式，直接進入主頁面。你可以(yǐ)在(zài)page的(de)onUnload裏面裏面set一(yī / yì ／yí)個(gè)值，然後在(zài)app的(de)onShow的(de)時(shí)候判斷這(zhè)個(gè)值，然後決定是(shì)否跳到(dào)首頁~

15、一(yī / yì ／yí)段文字如何換行

小程序中唯一(yī / yì ／yí)可以(yǐ)實現換行的(de)标簽組件是(shì)text

注：text中不(bù)支持
，隻能使用 進行換行

16、回到(dào)頁面頂部

回到(dào)頁面頂部，有兩種方式：

1、使用scroll-view設置爲(wéi / wèi)縱向滾動，然後設置scroll-top值；

2、使用wx.pageScrollTo方法，此方法是(shì)1.4.0開始支持，所以(yǐ)要(yào / yāo)做低版本兼容；

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

主要(yào / yāo)是(shì)button的(de)僞元素設置了(le／liǎo)樣式，去掉即可： button::after{ display: none;}