微信小程序 JS 邏輯層
豐富的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 邏輯層