小程序踩坑總結(jié)2

1. Swiper組件

? ? ? 官網(wǎng)API:https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html

? ? ? 垂直方向滾動:

2. App.json里面關(guān)于導(dǎo)航欄、標(biāo)題配置

? ? ?(1)每新建一個都要在app.json中pages離注冊,第一項就是小程序啟動的第一頁

? ?(2)對單個頁面的導(dǎo)航欄進行設(shè)置,在當(dāng)頁面下對應(yīng)的json文件添加配置信息,如下圖;這樣post頁面的導(dǎo)航欄顏色就修改好了

3. Page頁面與應(yīng)用程序的生命周期

? ? ? onLoad 放置向服務(wù)器請求的內(nèi)容 ——onShow ——onReady

? ? ? 頁面跳轉(zhuǎn)之后:如果使用redirectTo 進行頁面跳轉(zhuǎn)回調(diào)用onUnload,表示當(dāng)前頁面被卸載了

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?如果使用navigateTo進行頁面跳轉(zhuǎn)回調(diào)用onHide,表示頁面被隱藏

4. 數(shù)據(jù)綁定 - 和angular2的數(shù)據(jù)綁定相同

? ? ?(1) {{變量名}} ?

? ? ?(2) 小程序布爾值屬性值應(yīng)該加{{false}},這樣小程序才會將false編譯成布爾值;

? ? ?(3) wx:if = "{{true}}"? 條件選擇? ? img_condication的值應(yīng)該是一個布爾類型

? ? ? ?(4) wx:for ?不能直接將一個Array數(shù)據(jù)setData,需要將其包裹在一個map中;

5. 事件與事件對象 ?小程序沒有click事件

? ? ?在使用以上事件的時候需要在前面添加bind或者catch,

? ? ? ? ?bind:bind事件綁定不會阻止冒泡事件向上冒泡

? ? ? ? catch: catch事件綁定可以阻止冒泡事件向上冒泡

6. ?緩存? 小程序最大容量10M

7. ?Template模板的使用

? ? ? ?在模板化的文件中寫js文件是無效的

? ? ? ?創(chuàng)建一個模板文件:其實就是一個wxml文件,用template標(biāo)簽將模板部分包裹起來

? ? ? ?使用:在使用的文件中import,只能寫相對路徑

? ? ? ? 模板css不需要使用template包裹,直接將模板用的到樣式放進去就可以:

? ? ? 在目標(biāo)文件中導(dǎo)入:同樣只能相對路徑

8. wx.navigateTo 與wx.redirectTo的區(qū)別

? ? ? wx.navigateTo是父子級之間頁面的跳轉(zhuǎn),定向到的頁面導(dǎo)航欄會有返回按鈕;子級最多只能有5級

? ? ? wx.redirectTo是平級頁面之間的跳轉(zhuǎn),定向到的頁面導(dǎo)航欄會沒有返回按鈕

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容