通俗地说小程序开发,生命周期是指一个物体的生、老、病、死。从软件的角度来看,生命周期是指程序从创建、启动、暂停、唤起、停止和卸载的过程。
本文从应用生命周期和页面生命周期两个方面介绍微信小程序的生命周期。
应用程序生命周期
应用程序生命周期方法在 app.js 文件中声明。以下是应用程序生命周期方法:
① onLaunch 方法:应用程序第一次启动时会触发的事件。
App({
onLaunch() {
// 应用第一次启动的时候会触发的事件
}
})
复制
② onShow 方法:当应用程序被用户看到时(例如后台切换后)小程序开发,如果是第一次启动小程序 小程序开发设计 ,则在 onLaunch 方法之后执行该方法。
App({
onShow(){
// 应用被用户看到时候触发事件
}
})
复制
③ onHide 方法:应用隐藏时触发。
App({
onHide(){
// 一般用于暂停或清除定时器
}
})
复制
④ onError 方法:当小程序报错时。
onError(){
// 当应用发生代码错误的时候,收起错误信息,将错误信息发送给后台
}
复制
⑤ onPageNotFound 方法:页面未找到时触发。
onPageNotFound(){
// 当应用第一次被打开时,找不到入口页时才会被触发
wx.wx.navigateTo({
// 当找不到启动页面时就会跳转到以下页面
url: '/pages/logs/logs'
});
}
复制
页面生命周期
页面生命周期方法在 page.js 文件中声明。以下是页面生命周期的方法:
① 生命周期功能——监控页面加载。
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// 发送一些异步请求来初始化页面数据
},
复制
② 生命周期功能——监控页面显示。
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
// 页面显示之后
},
复制
③ 生命周期功能——监控页面初始渲染的完成情况。
复制
④ 生命周期功能——监控页面隐藏。注意应用程序没有隐藏小程序开发 小程序软件定制 ,但是应用程序隐藏后页面也被隐藏了。
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
// 注意不是应用隐藏,但是应用隐藏后页面也跟着隐藏
},
复制
⑤ 生命周期功能——监控页面卸载。在跳转到另一个页面时关闭当前页面时触发。
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
// 在跳转其他页面时关闭当前页面会触发
},
复制
⑥ 页面相关的事件处理器——监听用户的下拉动作。
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
// 监听用户下拉刷新操作
},
复制
⑦ 页面上拉触底事件的处理函数。您可以执行加载下一页数据的操作。
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
// 当页面内容到低时触发
// 可以对加载下一页数据操作
},
复制
发现、改变
探知、求新
共享,感恩一路相伴
昱远品牌形象已完成全面升级
点击访问新官网