微信小程序生命周期 / 页面的生命周期 / 页面的用户行为

Posted 2021-05-15 Frazier_梁超

 微信小程序的生命周期

App()函数用来注册一个小程序。接受一个 Object参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。

App({
	//当小程序初始化完成时,全局只触发一次
	onLaunch: function () {
		console.log("页面初始化完成")
	}
	
	//当小程序启动，或从后台进入前台显示并触发OnShow
	onShow: function (options) {
		console.log(小程序启动或后台进入前台)
	}
	
	//当小程序从前台进入后台，会触发onHide
	onHide: function () {
		console.log("小程序从前台进入后台，onHide")
	}

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

页面的生命周期

Page(Object)函数用来注册一个页面。接受一个 Object类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

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("页面从后台卸载时触发，结束进程")
	}
})