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層級最高
有做過搜索框的同學,可能會遇到IOS下面,設(shè)置icon的z-index后,依然無法顯示。建議做顯示隱藏效果:點擊之前是一個view,點擊之后隱藏view,顯示input~
14、小程序如何冷啟動
小程序的機制,是在退出五分鐘內(nèi)進入,就會顯示的是退出前的頁面,如果你希望進入小程序都相當于冷啟動的方式,直接進入主頁面。你可以在page的onUnload里面里面set一個值,然后在app的onShow的時候判斷這個值,然后決定是否跳到首頁~
15、一段文字如何換行
小程序中唯一可以實現(xiàn)換行的標簽組件是text
注:text中不支持
,只能使用\n進行換行
16、設(shè)置最外層標簽的margin-bottom在IOS下不生效
margin-bottom在安卓和開發(fā)工具里面都正常,就是在IOS下不起效,建議改成padding-bottom
17、小程序中canvas的圖片不支持base64格式
base64格式圖片,在開發(fā)工具里面可以正常顯示,真機上沒有顯示。建議修改成帶https開頭的
18、小程序生命周期的函數(shù)內(nèi)部對象要就改成var that=this;防止被替換
19、view不識別\n但是text可以。
20、 微信小程序中原生組件層級最高,比如map,canvas,swiper,只能使用cover-view,cover-image,其中cover-view很垃圾很多樣式都不支持,而且支持點擊事件bindtap,還有各種bug,建議cover-view簡單使用就可以了,千萬別想著在原生組件上使用炫酷的效果說多了都是淚。(問題引用:當使用display:none;做隱藏的時候,其內(nèi)容文字會出現(xiàn)在屏幕右上角,建議使用 wx:if=”false”或position:absolute;left:-1000rpx;這種方式做隱藏。
2、border不支持單邊。3、不支持padding的使用,在安卓端會出現(xiàn)padding消失的問題。)
21、跳轉(zhuǎn)現(xiàn)在(2018)小程序支持十層
22、動畫問題(看帖子發(fā)現(xiàn)的之前不知道為什么):在小程序中當有兩個元素同時發(fā)生變化時,會出現(xiàn)沖突,導(dǎo)致其中一個變化,而另一個不做變化,所以要使用setTimeout方法避免元素同時出現(xiàn)變化。
23、 js執(zhí)行順序(看帖子發(fā)現(xiàn)的之前不知道為什么):在開發(fā)者工具中執(zhí)行先執(zhí)行aap.js然后執(zhí)行其他js文件,但在手機上app.js和其他js是同時執(zhí)行的;
24、cover-view放棄padding, 用min-width + text-align + height + line-height
25、沒有dom!沒有dom!沒有dom!,綁定數(shù)據(jù),控制顯示和隱藏全部用data來修改,就是this.setData({}),不過一般我們都寫成that.
26、很多原生組件都有定高,只能使用微信提供的rpx來修改!
27、本地資源無法通過 css 獲取,只能通過網(wǎng)絡(luò)或者使用image標簽