微信为我们监听小程序和各个页面的状态提供了系统函数让我们知道各个状态,进而进行操作。
小程序的生命周期函数
微信小程序的生命周期,监听的是整个微信小程序,所以微信小程序的生命周期系统函数都要在app.js中使用。并且要放在“APP({ })”里面。
App系统函数 | 说明 |
---|---|
onLaunch: funcation() { } | 当微信小程序初始化完成时,会触发此函数,且全局只触发一次。 |
onShow: funcation() { } | 当微信小程序启动,或者从后台进入前台的时候,会触发此函数。 |
onHide: funcation() { } | 当微信小程序从前台进入后台的时候,会触发此函数。 |
onError: funcation(msg) { } | 当微信小程序发生错误,或者API调用失败的时候,会触发此函数。msg会携带错误信息。 |
各页面的生命周期函数
页面的生命周期,监听的是各个页面的生命周期,所以各页面的生命周期系统函数都要在pageName.js中使用。并且要放在“Page({ })”里面。
Page系统函数 | 说明 |
---|---|
onLoad: funcation(){} | 当页面初始化完成时,会触发此函数,且一个页面只会在创建完成后触发一次。 |
onReady: funcation(){} | 监听页面初次渲染完成时会触发此函数。 |
onShow: funcation(){} | 监听页面的显示,只要页面显示就会触发此函数。 |
onHide: funcation(){} | 监听页面的隐藏,只要页面隐藏就会触发此函数。 |
onUnload: funcation(){} | 监听页面的卸载,只要页面被释放掉就会触发此函数。 |
onPullDownRefresh: funcation(){} | 当用户进行下拉刷新的时候,会触发此事件。 |
onReachBottom: funcation(){} | 当用户进行上拉刷新的时候,会触发此事件。 |
onShareAppMessage: funcation(){} | 当用户点击进行分享时,会触发此事件。 |
整体生命周期如图
整体生命周期图持续更新中...
网友评论