小程序系列1-小程序和页面的生命周期
方便自己学习和记录,如果错误,欢迎指正。
小程序页面生命周期
小程序的生命周期
一、小程序页面生命周期
配置在每个页面js里
执行顺序:
onLoad():页面开始加载
onShow(): 页面开始展示或者页面从后台进入前台
onReady() 页面渲染完成
onHide() 页面进入隐藏 比如页面跳转了,当前页面没有关闭或者页面从前台进入后台
onUnload() 页面被关闭了
如果页面没有关闭,比如页面跳转执行onHide()又会返回时执行onShow()
onLoad() onReady() onUnload()只执行一次
Page({
/**
* 页面的初始数据
*/
data: {
list:['1','2','3' ]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log('onLoad 页面加载')
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
console.log('onReady 页面渲染完成')
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log('onShow 页面显示或者页面从后台到前台')
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
console.log('onHide 页面隐藏或者页面到后台')
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
console.log('onUnload 页面关闭')
},
)}
二、小程序的生命周期
1.小程序的启动
小程序的启动分为热启动和冷启动
冷启动就是第一次启动,或者小程序已经销毁了重新打开。
热启动就是小程序打开后,如果手机屏幕锁屏或者手机界面打开了别的软件,小程序进入后台,再次打开小程序,就是热启动
小程序进入后台后5s会被挂起,30分钟后依旧没有再次打开小程序小程序会自动销毁。
小程序占用手机内存过高,也会被手机或者微信客户端自动收回。
2、生命周期
配置在app.js中。
执行顺序是:
onLaunch() 小程序初始化完成
onShow() 小程序启动或者从后台进入前台
onHide() 小程序重前台进入后天
App({
/**
* 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
*/
onLaunch: function () {
console.log('onLaunch 小程序初始化')
},
/**
* 当小程序启动,或从后台进入前台显示,会触发 onShow
*/
onShow: function (options) {
console.log('onShow 小程序启动或者后台进前台')
},
/**
* 当小程序从前台进入后台,会触发 onHide
*/
onHide: function () {
console.log('onHide小程序从前台进入后台')
},
/**
* 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
*/
onError: function (msg) {
}
})