微信小程序-页面生命周期方法

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 在经过上一篇文章的介绍之后,我们知道了大体的生命周期在什么时候执行,这次主要是以代码的形式来展示一下具体的阶段执行什么生命周期方法。

在经过上一篇文章的介绍之后,我们知道了大体的生命周期在什么时候执行,这次主要是以代码的形式来展示一下具体的阶段执行什么生命周期方法。


首先我们编写一个代码可以从首页跳转到日志页面:

<!--index.wxml-->
<text>首页</text>
<navigator url="/pages/logs/logs">跳转到Log页面</navigator>


在日志页面当中编写监听生命周期的方法:

// logs.js
Page({
  onLoad() {
    console.log("onLoad");
  },
  onShow() {
    console.log("onShow");
  },
  onReady() {
    console.log("onReady");
  },
  onHide() {
    console.log("onHide");
  },
  onUnload() {
    console.log("onUnload");
  }
})


onLoad/onShow/onReady


这三个方法在日志页面被加载时会被调用,运行如上的首页代码,然后从首页点击 navigator 跳转到日志页面,然后就可以查看到效果了。


?> onLoad/onShow/onReady 生命周期方法当中可以做的一些事情

  • onLoad/onShow:可以在这个方法当中进行发送网络请求,获取网络数据
  • onShow:可以恢复之前一些状态
  • onReady:可以在这个方法进行操作页面了,页面已经被渲染了


onHide


?> onHide 生命周期方法当中可以做的一些事情


  • onHide:保存当前一些状态



onUnload


?> onUnload 生命周期方法当中可以做的一些事情


  • onUnload:释放资源/移除监听



点击返回按钮返回到上一级,至于为什么就会调用 onUnload 方法这里就需要说起小程序页面之间的跳转当中其实是有一个 的,当我们点击了返回按钮,我们的日志页面就会出栈,所以不在栈当中就会被销毁了。

2105804-20230521010149884-1779441032.png

相关实践学习
通过日志服务实现云资源OSS的安全审计
本实验介绍如何通过日志服务实现云资源OSS的安全审计。
目录
相关文章
|
4月前
|
数据安全/隐私保护
陌陌头像留V的最好方法,陌陌最新留QQ号技巧,陌陌动态最聪明的留微信
本资料分享社交平台隐秘留联系方式的方法,包含微信头像艺术化处理、二维码变形术,以及QQ号谐音替换、图片分割等技巧。
|
7月前
|
Web App开发 移动开发 小程序
公众号小程序H5网页像素流送UE5模型的方法分享
本文探讨了如何通过像素流送技术在小程序、公众号等平台展示复杂的3D模型(如UE5引擎开发的楼盘模型、数字孪生展厅)。该技术将GPU和CPU算力需求转移到服务器端,使用户侧无需高性能硬件即可流畅体验。通过Webrtc实现实时云渲染,确保毫秒级响应,且兼容多种浏览器。使用点量云流等产品级软件,老项目只需重新打包为EXE格式,即可轻松嵌入H5网页、小程序或公众号中,支持Unity、WebGL等多种3D应用及传统CAD模型。
222 1
|
8月前
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
JSON 小程序 前端开发
微信小程序的目录结构及页面结构的说明
本文详细介绍了微信小程序的目录结构、页面组成部分以及项目的全局配置文件,阐述了小程序的宿主环境和运行机制,包括小程序启动和页面渲染的过程。
微信小程序的目录结构及页面结构的说明
|
12月前
|
小程序 前端开发 开发者
小程序的页面如何布局?
【10月更文挑战第16天】小程序的页面如何布局?
727 1
|
12月前
|
缓存 小程序 UED
如何利用小程序的生命周期函数实现数据的加载和更新?
如何利用小程序的生命周期函数实现数据的加载和更新?
285 4
|
12月前
|
小程序 UED 开发者
小程序的生命周期函数
小程序的生命周期函数
430 1
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
JSON 小程序 JavaScript
微信小程序页面事件,下拉刷新事件和上拉触底事件
这篇文章介绍了微信小程序中如何实现下拉刷新和上拉触底事件,包括开启下拉刷新、配置下拉刷新样式、监听下拉刷新事件,以及监听上拉触底事件和配置上拉触底的距离。
|
12月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
2555 7

热门文章

最新文章