小程序 生命周期

小程序 生命周期生命周期指的就是小程序从创建到销毁的过程小程序生命周期分为应用生命周期和页面生命周期应用生命周期影响页面生命周期应用生命周期应用生命周期是在 app js 里面调用的属性说明 onLaunch 应用第一次启动的就会触发的事件 onShow 应用被用户看到 onHide 用户被隐藏 onError 应用的代码发生了报错的时候就会触发 onPageNotFou 页面找不到就会触发代码示例 onLaunch 第一次启动的时候就会触发 onLaunchApp

应用生命周期

应用生命周期是在app.js里面调用的

属性 说明
onLaunch 应用第一次启动的就会触发的事件
onShow 应用被用户看到
onHide 用户被隐藏
onError 应用的代码发生了报错的时候就会触发
onPageNotFound 页面找不到就会触发

代码示例:

onLaunch

第一次启动的时候就会触发 onLaunch

App({ 
    onLaunch: function () { 
    console.log('app '+'onLaunch'); } }) 

在这里插入图片描述

onShow

当应用被用户看到会触发onShow

App({ 
    onShow:function(){ 
    console.log('app '+'onShow'); } }) 

在这里插入图片描述

onHide

当应用别隐藏会触发

App({ 
    onHide:function(){ 
    console.log('app '+'onHide'); } }) 

onError

App({ 
    onLaunch: function () { 
    aa }, onError: function (){ 
    console.log('app '+'onError'); } }) 

在这里插入图片描述

页面生命周期

页面生命周期函数就是当你每进入/切换到一个新的页面的时候,就会调用的生命周期函数。

属性 说明
data 页面初始数据是个对象
onLoad 页面加载完成后触发,一般用来发生异步请求
onShow 页面显示触发
onReady 页面渲染完触发
onHide 页面隐藏触发
onUnload 页面卸载触发
onPullDownRefresh 页面下拉触发
onReachBottom 页面上拉触底事件
onShareAppMessage 用户点击右上角转发触发
onPageScroll 页面滚动触发
onResize 页面尺寸发生变化的时候触发
onTabItemTap 当前页是tab页时,点击tab时触发

onLoad

监听页面加载,初始化页面触发

Page({ 
    onLoad: function (options) { 
    console.log("page "+"onLoad"); } }) 

在这里插入图片描述

onReady

监听页面初次渲染完成

Page({ 
    onReady: function () { 
    console.log("page "+"onReady"); } }) 

在这里插入图片描述

onShow

监听页面显示

Page({ 
    onShow: function () { 
    console.log("page "+"onShow"); } }) 

在这里插入图片描述

onHide

当页面隐藏触发

Page({ 
    onHide: function () { 
    console.log("page "+"onHide"); } }) 

在这里插入图片描述

onUnload

监听页面卸载 Page({ 
    onUnload: function () { 
    console.log("page "+"onUnload"); } }) 

在这里插入图片描述

总结:

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/199036.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午2:00
下一篇 2026年3月26日 下午2:00


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号