隨著微信小程序的火爆，越來(lái)越多的商家已經(jīng)看準(zhǔn)了機(jī)會(huì)，準(zhǔn)備搭建自己的小程序。隨著需求越來(lái)越大，小程序開發(fā)的人才的需求也隨之而來(lái)。如果你還在猶豫要不要學(xué)習(xí)小程序開發(fā)，現(xiàn)在入門也不太遲，如果公司要求你的技術(shù)水平已經(jīng)不再停留在初級(jí)工程師了，要的是那些已經(jīng)從事這方面開發(fā)多年的中高級(jí)開發(fā)人員了 。所以，我們做開發(fā)的，一定不要觀望，動(dòng)手開始學(xué)習(xí)吧!

今天分享的文章，主要先分享一些小程序開發(fā)需要注意的問題，下面羅列了一些，有總結(jié)的不對(duì)的地方，敬請(qǐng)包含。

1、input組件placeholder字體顏色

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

2、域名必須是HTTPS

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

3、wx.navigateTo無(wú)法跳轉(zhuǎn)到帶tabbar的頁(yè)面

帶有tabbar的頁(yè)面，必須使用wx.switchTab進(jìn)行跳轉(zhuǎn)

4、tabbar在切換時(shí)頁(yè)面數(shù)據(jù)無(wú)法刷新

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

5、getPhoneNumber獲取手機(jī)號(hào)

目前該接口針對(duì)非個(gè)人開發(fā)者，且完成了認(rèn)證的小程序開放。個(gè)人開發(fā)者是沒辦法調(diào)用這個(gè)API的

6、wx.previewImage圖片預(yù)覽

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

7、如何獲取shareTickets

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

注：建議在app.onShow里面去獲取，app.onLaunch不是一直會(huì)執(zhí)行

8、wx.playVoice音頻播放

必須保證音頻文件已經(jīng)在本地，比如在wx.startRecord后，可以獲取到filePath?；蛘咛崆罢{(diào)用wx.downloadFile來(lái)下載資源文件，然后再播放

9、API老版本兼容

可以用wx.canIUse或者wx.getSystemInfoSync來(lái)進(jìn)行判斷，老版本給出相應(yīng)提示即可

10、獲取系統(tǒng)信息

wx.getSystemInfo，可得到系統(tǒng)語(yǔ)言、屏幕寬高、微信版本號(hào)、操作系統(tǒng)、設(shè)備像素比、客戶端甚礎(chǔ)庫(kù)版本等信息

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

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

12、回到頁(yè)面頂部

回到頁(yè)面頂部，有兩種方式：

1、使用scroll-view設(shè)置為縱向滾動(dòng)，然后設(shè)置scroll-top值;

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

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

有做過搜索框的同學(xué)，可能會(huì)遇到IOS下面，設(shè)置icon的z-index后，依然無(wú)法顯示。建議做顯示隱藏效果：點(diǎn)擊之前是一個(gè)view，點(diǎn)擊之后隱藏view，顯示input~

14、小程序如何冷啟動(dòng)

小程序的機(jī)制，是在退出五分鐘內(nèi)進(jìn)入，就會(huì)顯示的是退出前的頁(yè)面，如果你希望進(jìn)入小程序都相當(dāng)于冷啟動(dòng)的方式，直接進(jìn)入主頁(yè)面。你可以在page的onUnload里面里面set一個(gè)值，然后在app的onShow的時(shí)候判斷這個(gè)值，然后決定是否跳到首頁(yè)~

15、一段文字如何換行

小程序中唯一可以實(shí)現(xiàn)換行的標(biāo)簽組件是text

注：text中不支持

，只能使用\n進(jìn)行換行

16、設(shè)置最外層標(biāo)簽的margin-bottom在IOS下不生效

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

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

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

18、小程序開發(fā)教程視頻，有需要的同學(xué)，可以在我公眾號(hào)上后臺(tái)回復(fù)：小程序