微信小程序的生命周期(钩子函数)

一、app生命周期

App({
	//当小程序初始化完成时,触发onlaunch(全局只触发一次)
	onLaunch: function () {
		console.log("小程序页面初始化完成")
	}
	
	//当小程序启动,或从后台进入前台显示,会触发OnShow
	onShow: function (options) {
		console.log("小程序第一次启动,或者后台进入前台:onshow,金图场景不同option中的scene值不同",options)
	}
	
	//当小程序从前台进入后台,会触发onHide
	onHide: function () {
		console.log("小程序从前台进入后台,onHide")
	}

	//当小程序发生脚本错误,或者api调用失败时候,会触发onError并带上错误信息
	onError: function (msg) {
		console.log("小程序发生错误时候,onError",msg)
	}
})

执行App()函数也就是注册一个App

  1. 在注册app的时候,可以判断小程序的进入场景
  2. 我们可以在执行通过生命周期函数,做一些数据请求
  3. 可以在app中设置一个全局对象,让所有页面都可以使用

二、页面的生命周期

Page({
	//监听页面加载
	onLoad () {
		console.log("页面的加载触发事件")
	},
	//页面初次渲染完成
	onReady () {
		console.log("页面数据初次渲染完成")
	},
	onShow () {
		console.log("页面从后台进入页面时触发")
	},
	onHide () {
		console.log("页面从前台进入到后台时触发")
	},
	onUnload () {
		console.log("页面从后台卸载时触发,结束进程")
	}
})

三、页面的用户行为

Page({
	onPillDownRefresh () {
		console.log("用户下拉属刷新页面时候触发")
	},
	onReachBottom () {
		console.log("页面上拉触底时触发")
	},
	onShareAppMessage () {
		console.log("用户点击分享时候触发")
	},
	onPageScroll () {
		console.log("页面滚动时触发")
	},
	onUnload () {
		console.log("页面从后台卸载时触发,结束进程")
	}
})
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值