1. 程式人生 > >微信小程序 JS 邏輯層

微信小程序 JS 邏輯層

拉動 ML 準備 打開 ID 同步 href 事件 back

豐富的API: https://developers.weixin.qq.com/miniprogram/dev/api/

全局邏輯(app.js)

  調用APP()函數,調用生命周期函數

一、生命周期函數:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html

  App() 函數用來註冊一個小程序。接受一個 object 參數,其指定小程序的生命周期函數等。

1. onLaunch : 當小程序初始化完成時,會觸發 onLaunch(全局只觸發一次)

2. onShow :當小程序啟動,或從後臺進入前臺顯示,會觸發 onShow

3. onHide : 當小程序從前臺進入後臺,會觸發 onHide

4. onError : 當小程序發生腳本錯誤,或者 api 調用失敗時,會觸發 onError 並帶上錯誤信息

5. onPageNotFound :開發者可以添加任意的函數或數據到 Object 參數中,用 this可以訪問

頁面級邏輯(page.js)

  調用page()函數,傳入data,調用生命周期函數

一、生命周期函數:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

  Page() 函數用來註冊一個頁面。接受一個 object 參數,其指定頁面的初始數據、生命周期函數、事件處理函數等。

1. onLoad: 生命周期函數--監聽頁面加載 》一個頁面只會調用一次,可以在 onLoad 中獲取打開當前頁面所調用的 query 參數。

2. onShow: 生命周期函數--監聽頁面顯示 》每次打開頁面都會調用一次。

3. onReady : 生命周期函數--監聽頁面初次渲染完成 》一個頁面只會調用一次,代表頁面已經準備妥當,可以和視圖層進行交互。》對界面的設置如wx.setNavigationBarTitle請在onReady之後設置。

4. onHide : 生命周期函數--監聽頁面隱藏 》當navigateTo或底部tab切換時調用。

5. onUnload:生命周期函數--監聽頁面卸載 》當redirectTo

navigateBack的時候調用。

二:普通函數:

1. data :頁面的初始數據

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

3. onReachBottom:頁面上拉觸底事件的處理函數

4.onShareAppMessage:用戶點擊右上角轉發

5. onPageScroll:頁面滾動觸發事件的處理函數

6. onTabItemTap :當前是 tab 頁時,點擊 tab 時觸發

7.Page.prototype.setData():setData 函數用於將數據從邏輯層發送到視圖層(異步),同時改變對應的 this.data 的值(同步)。

微信小程序 JS 邏輯層