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

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。

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

注意:

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

相关推荐
2501_916013744 小时前
iOS 26 系统流畅度检测 从视觉特效到帧率稳定的实战策略
android·macos·ios·小程序·uni-app·cocoa·iphone
游戏开发爱好者814 小时前
iOS 26 崩溃日志深度解读,获取方式、系统变动、定位策略
android·macos·ios·小程序·uni-app·cocoa·iphone
郑州光合科技余经理15 小时前
微服务架构:基于Spring Cloud ,构建同城生活服务平台
java·spring cloud·微服务·小程序·架构·uni-app
2501_9160088916 小时前
JavaScript调试工具有哪些?常见问题与常用调试工具推荐
android·开发语言·javascript·小程序·uni-app·ecmascript·iphone
流***陌17 小时前
智慧寄件新体验:快递小程序如何简化日常生活
小程序
一直在学习的小白~18 小时前
小程序开发:开启定制化custom-tab-bar但不生效问题,以及使用NutUI-React Taro的安装和使用
webpack·小程序·webapp
weixin_lynhgworld19 小时前
淘宝扭蛋机小程序的社交化运营策略
大数据·小程序·扭蛋机
低代码布道师1 天前
少儿舞蹈小程序(20):手机号登录与多角色注册
低代码·小程序
说私域1 天前
基于开源AI智能名片的S2B2C商城小程序中搜索联想功能的优化策略研究
人工智能·小程序
2501_916007471 天前
iOS 混淆与团队协作,研发、安全、运维、测试如何在加固流程中高效配合(iOS 混淆、ipa 加固、协作治理)
android·ios·小程序·https·uni-app·iphone·webview