1. 程式人生 > >小程序踩坑+進深

小程序踩坑+進深

base ext xxx 狀態 his 否則 無法 lld wxs

小程序踩坑記錄

自己踩過的坑,記錄下,避免以後有人繼續踩!

  1. 本地資源圖片無法通過 WXSS 獲取

index.wxss 中的本地資源圖片無法通過 WXSS 獲取,可以使用網絡圖片,或者 base64,或者使用<image/>標簽

1、經測試無法導入第三方css,機制受到限制

2、css 只能使用線上圖片或者base64,無法使用本地圖片

3、每個頁面的XXX.js不能為空,否則下面會出現 1. Forgot to add page route in app.json. 2. Invoking Page() in async task. 的錯誤

?

  1. 動態改變標題的值:

    1. ?wx.setNavigationBarTitle({??
    2. ??????title:?標題1‘,??
    3. ????})??

或者在json 文件中配置:{"navigationBarTitleText": "菜系列表"}

?

  1. 設置改變顯示與否的值

changeHidden: function(){

this.setData({

hidden: !this.data.hidden

});

}

  1. 底部菜單

Action-sheet

  1. ?

註意: App() 必須在 app.js 中註冊,且不能註冊多個。 不要在定義於

App() 內的函數中調用 getApp() ,使用 this 就可以拿到 app 實例。 不要在 onLaunch 的時候調用 getCurrentPage(),此時 page 還沒有生成。 通過 getApp() 獲取實例之後,不要私自調用生命周期函數。

onPullDownRefresh????Function????頁面相關事件處理函數--監聽用戶下拉動作

onReachBottom????Function????頁面上拉觸底事件的處理函數

onShareAppMessage????Function????用戶點擊右上角轉發

onPageScroll????Function????

頁面滾動觸發事件的處理函數

  1. 跳轉

一個應用同時只能打開5個頁面。wx.navigateTo 打開頁面不會銷毀之前的頁面,如果頁面層數較多註意使用 wx.redirectTo

  1. 無需開發者開發的

1、小程序加載動畫;

2、頁面下拉刷新加載樣式;

3、微信控件(擁有完整的操作反饋);如彈出框、通知、模態框。。。

  1. Page()

通過App()註冊完成小程序之後,框架就開始註冊頁面。所以不要在App() onLaunch 中調用 getCurrentPage() 方法,因為此時頁面還沒有註冊完成。

同樣的Page()也是有生命周期的。當頁面註冊完成之後,可以在 page.js 文件中調用 getCurrentPage() 方法,獲取當前頁面對象。

技術分享圖片

?

  1. progress組件

進度條描述的是一種加載的狀態,比如軟件升級下載進度, 視頻,圖片下載進度…

技術分享圖片

文章來源:劉俊濤的博客

地址:http://www.cnblogs.com/lovebing

歡迎關註,有問題一起學習歡迎留言、評論。

小程序踩坑+進深