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

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。

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

注意:

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

相关推荐
扶风ff7 小时前
练题簿在线免费刷题:题目导入、章节管理、Excel 与 Word 导出,让题库更好用
学习·小程序·word·excel
程序猿_极客9 小时前
【免费】分享一套优质的基于微信小程序的音乐播放器系统的设计与实现,源码+文档+视频详解(讲解)
微信小程序·小程序·springboot·音乐播放器小程序·音乐管理系统
愚公搬代码9 小时前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》015-测试
微信小程序·小程序·ai编程
今日热点1 天前
小程序主体变更公证线上办理教程|2026 最新材料规范与审核避坑
小程序
Ai-_Man1 天前
从聊天框到正式文档:AI导出鸭瞄准AI大模型应用的“最后一公里”
开发语言·前端·javascript·人工智能·小程序
省钱兄--zs2 天前
北京24小时自助健身房系统软件开发实战:从架构设计到部署指南
java·数据仓库·spring boot·小程序·需求分析
Ai-_Man2 天前
您您这可以把Grok的多个会话比如说。左侧的多个会话一次性导出吗?不是单条会话里面的多次会对话。AI导出鸭
javascript·人工智能·ai·小程序·电脑
光影少年2 天前
Taro 是如何解析入口配置 app.config.ts 和页面配置的?
微信小程序·小程序·typescript·reactjs·百度小程序·taro
DS小龙哥2 天前
从呼吸心率到离床报警:60G雷达睡眠仪全栈开发实录(硬件+MQTT+小程序)DIY一台全功能睡眠监护仪
stm32·单片机·嵌入式硬件·物联网·小程序·智能家居
扶风ff2 天前
练题簿在线免费刷题:刷题、背题、错题复习,一个小程序安排日常备考
学习·小程序