微信小程序生命周期总结_微信小程序分包里的页面跳转会出发app.js的onhide-CSDN博客

本文链接：https://blog.csdn.net/qq_44818085/article/details/115442205

1.微信小程序生命周期分类：

应用生命周期
页面生命周期
组件生命周期

2.小程序的应用生命周期

onLaunch：初始化小程序时触发，全局只触发一次
onShow：小程序初始化完成或用户从后台切换到前台时触发
onHide：用户从前台切换到后台时触发
onError：小程序发生脚本错误时或 API调用失败时，会触发，并会带上错误的信息

// app.js
App({
    onLaunch: function() {
        // 监听小程序初始化
        console.log("app onLaunch")
	},
	onShow: function() {
        // 监听小程序显示
        console.log("app onShow")
	},
	onHide: function() {
        // 监听小程序隐藏   从前台切换到后台时触发
        console.log("app onHide")
	},
    onError: function(){
        // 错误监听函数
        console.log("app onError")
    },
    globalData:{
        // globalData是全局变量
        // 1. 在app.js中 使用 that.globalData 直接访问
        // 2. 在别的页面则先获取应用实例 const app = getApp(), 然后通过 app.globalData 访问
        userInfo:null
    }
})

3.页面生命周期

// 在pages文件中的js页面
Page({
    data: {},
    onLoad: function (options) {
        // 首次进入页面加载时触发，一个页面只会调用一次
        // 可以在 onLoad 的参数中获取打开当前页面路径中的参数 options
        console.log("page onLoad")
	},
	onShow: function () {
        // 页面首次渲染完成时触发
        // 后台切到前台
        // 重新进入页面时触发
        console.log("page onShow")
    },
    onReady: function () {
        // 页面首次渲染完成时触发，后台切前台不会触发
        console.log("page onReady")
    },
    onHide: function () {
        // 从前台切到后台或进入其他页面触发
        // 进入其他页面不关闭会触发，使用 wx.navigateTo 会触发
        console.log("page onHide")
    },
    onUnload: function () {
        // 页面卸载时触发，使用 wx.redirectTo 会触发，使用 wx.navigateTo 不会触发
        console.log("page onUnload")
    },
    onPullDownRefresh: function () {
        // 监听用户下拉动作(可以用来做下拉刷新功能)
    },
    onReachBottom: function () {
        // 页面上拉触底事件的处理函数（用来做下拉加载更多功能）
    },
    onShareAppMessage: function () {
        // 用户点击右上角转发
    }
    // onPageScroll:		页面滚动触发事件的处理函数
    // onResize:			页面尺寸发生改变时触发。
    // onTabItemTap:		当前是tab页时，点击tab时触发。
})