小程序生命周期及页面操作执行过程详解

1、应用的生命周期执行过程:

2、页面生命周期执行过程:

页面的操作分为五类:

3、打开程序:(APP)onLaunch->(APP)onShow->(Page)onLoad->(Page)onShow->onReady。

打开新程序,进行注册,注册后显示小程序;当小程序显示之后,加载页面(onLoad),页面加载后,显示出来,触发onShow;页面显示出来之后,进行初次渲染(onReady)。

注意:

如果再次进入小程序,小程序未销毁,则直接从(APP)onShow开始执行。如果关闭了,则用onLaunch开始。

注意事项:

onShow方法执行了两次,第一次是显示小程序,第二次是显示页面。正常情况下,onLoad在onShow之前执行。除了打开小程序时,onShow(APP)在onLoad(Page)之前执行。

4、进入下一个页面执行过程:(CurrentPage)onHide->(Next)Load->(Next)->(Next)onShow->(Next)onReady

隐藏当前页面,然后加载下一页面,接下来显示下一页面,然后对下一页面进行渲染。

注意:

跳转到其它页面,当前页面只是进入后台,并未卸载(关闭)。

当关闭当前页面,进入到下一页面时,不会调用onHide,而是调用onUnload,从卸载页面开始。

5、返回上一页面执行过程:(currentPage)onUnload->(LastPage)onShow。

卸载(关闭)当前页面,显示上一个页面。

注意:

上一个页面是在后台运行,并未关闭。如果关闭了,这个返回不过来了。

相关推荐
小白_ysf5 小时前
uniapp开发微信小程序(新旧版本对比:授权手机号登录、授权头像和昵称)
微信小程序·小程序·uni-app
hongkid5 小时前
微信小程序私密消息
微信小程序·小程序
kilito_015 小时前
uniapp 微信小程序 列表点击分享 不同的信息
微信小程序·小程序·uni-app
二饭5 小时前
微信小程序动态切换窗口主题色
微信小程序·小程序
2501_916013747 小时前
移动端 WebView 调试实战,多平台行为差异排查与统一调试流程
android·ios·小程序·https·uni-app·iphone·webview
给力学长16 小时前
自习室预约小程序的设计与实现
java·数据库·vue.js·elementui·小程序·uni-app·node.js
從南走到北17 小时前
JAVA东郊到家按摩服务同款同城家政服务按摩私教茶艺师服务系统小程序+公众号+APP+H5
android·java·开发语言·微信小程序·小程序
weixin_lynhgworld1 天前
盲盒抽卡机小程序系统开发:连接线上线下娱乐新桥梁
小程序·娱乐
程知农1 天前
uniapp_微信小程序_根据胶囊按钮计算出的导航栏高度为什么不是44px?
微信小程序·小程序·uni-app