隨著技術(shù)的發(fā)展,越來越多的小程序出現(xiàn)在大家的視線里,也有越來越多的朋友開始對小程序的開發(fā)產(chǎn)生了興趣,今天,云南來可云小編就小程序開發(fā)過程中常見的常見問題給大家來做個分享,一起來看看吧。
1、域名必須是HTTPS
非HTTPS的域名不被微信小程序允許
2、input組件placeholder字體顏色
寫在placeholder-class里面的color并不生效,需要寫在placeholder-style里面就可以了
3、wx.navigateTo無法跳轉(zhuǎn)到帶tabbar的頁面
帶有tabbar的頁面,必須使用wx.switchTab進行跳轉(zhuǎn)
4、tabbar在切換時頁面數(shù)據(jù)無法刷新
tabbar的實現(xiàn)可能是顯示和隱藏view,所以,不會一直調(diào)用page.onLoad()方法,可以嘗試把代碼邏輯寫在page.onShow()里面
5、如何獲取shareTickets
獲取shareTickets需要在app.onLaunch或者app.onShow里面才能獲取到,而不是page.onShow,請一定要注意。
注:建議在app.onShow里面去獲取,app.onLaunch不是一直會執(zhí)行
6、getPhoneNumber獲取手機號
目前該接口針對非個人開發(fā)者,且完成了認證的小程序開放。個人開發(fā)者是沒辦法調(diào)用這個API的
7、wx.previewImage圖片預(yù)覽
預(yù)覽的圖片URL必須是HTTPS開頭,不能是本地圖片
8、wx.playVoice音頻播放
必須保證音頻文件已經(jīng)在本地,比如在wx.startRecord后,可以獲取到filePath?;蛘咛崆罢{(diào)用wx.downloadFile來下載資源文件,然后再播放
9、API老版本兼容
可以用wx.canIUse或者wx.getSystemInfoSync來進行判斷,老版本給出相應(yīng)提示即可
10、獲取系統(tǒng)信息
wx.getSystemInfo,可得到系統(tǒng)語言、屏幕寬高、微信版本號、操作系統(tǒng)、設(shè)備像素比、客戶端甚礎(chǔ)庫版本等信息
11、如何去掉自定義button灰色的圓角邊框
主要是button的偽元素設(shè)置了樣式,去掉即可: button::after{ display: none;}
12、回到頁面頂部
回到頁面頂部,有兩種方式:
1、使用scroll-view設(shè)置為縱向滾動,然后設(shè)置scroll-top值;
2、使用wx.pageScrollTo方法,此方法是1.4.0開始支持,所以要做低版本兼容;
13、input textarea是APP的原生組件,z-index層級zui高
有做過搜索框的同學(xué),可能會遇到IOS下面,設(shè)置icon的z-index后,依然無法顯示。建議做顯示隱藏效果:點擊之前是一個view,點擊之后隱藏view,顯示input~
14、小程序如何冷啟動
小程序的機制,是在退出五分鐘內(nèi)進入,就會顯示的是退出前的頁面,如果你希望進入小程序都相當(dāng)于冷啟動的方式,直接進入主頁面。你可以在page的onUnload里面里面set一個值,然后在app的onShow的時候判斷這個值,然后決定是否跳到首頁~
15、一段文字如何換行
小程序中唯一可以實現(xiàn)換行的標簽組件是text
注:text中不支持<br>,只能使用n進行換行
16、設(shè)置最外層標簽的margin-bottom在IOS下不生效
margin-bottom在安卓和開發(fā)工具里面都正常,就是在IOS下不起效,建議改成padding-bottom
17、小程序中canvas的圖片不支持base64格式
base64格式圖片,在開發(fā)工具里面可以正常顯示,真機上沒有顯示。建議修改成帶https開頭的url形式
走進我們+
產(chǎn)品中心+
案例展示+
新聞資訊+