1. 什么是生命周期
生命周期是指一个对象从创建->运行->销毁的整个阶段,强调的是一个时间段。
我们把每个小程序运行的过程,也概括为生命周期:
- 小程序的启动,表示生命周期的开始
- 小程序的关闭,表示生命周期的结束
2. 生命周期的分类
在小程序中,生命周期分为两类,分别是:
- 应用生命周期 特指小程序从启动->运行->销毁的过程
- 页面生命周期 特指小程序中,每个页面的加载->渲染->销毁的过程 其中,页面的生命周期范围较小,应用程序的生命周期范围较大: 小程序启动->页面A的生命周期->页面B的生命周期->...->小程序结束
3. 什么是生命周期函数
- 生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。
- 生命周期的作用:运行程序员在特定的时间点,执行某些特定的操作。
- 注意:生命周期强调的是时间段,生命周期函数强调的是时间点
4. 生命周期函数的分类
- 应用的生命周期函数
- 页面的生命周期函数
5. 应用的生命周期函数
小程序的应用生命周期函数需要在app.js中进行声明,
App({
/**
* 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
*/
onLaunch: function () {
},
/**
* 当小程序启动,或从后台进入前台显示,会触发 onShow
*/
onShow: function (options) {
},
/**
* 当小程序从前台进入后台,会触发 onHide
*/
onHide: function () {
},
/**
* 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
*/
onError: function (msg) {
}
})
6. 页面的生命周期函数
小程序的页面生命周期函数需要在页面的js文件中声明,
// pages/my/my.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})