锋盈数科-知识库 Logo
首页
软件开发
计算机基础
Hello Halo
新手必读
关于本知识库
登录 →
锋盈数科-知识库 Logo
首页 软件开发 计算机基础 Hello Halo 新手必读 关于本知识库
登录
  1. 首页
  2. 软件开发
  3. 小程序
  4. 微信小程序应用的生命周期:app.js

微信小程序应用的生命周期:app.js

0
  • 小程序
  • 发布于 2024-09-26
  • 0 次阅读
黄健
黄健

微信小程序的应用生命周期主要指的是小程序从启动到销毁的整个过程,以及在这个过程中小程序所经历的不同阶段。在微信小程序中,app.js 文件是全局的 JavaScript 脚本文件,用于定义小程序的生命周期函数、全局变量等。

小程序的生命周期函数(在 app.js 中定义)

  1. onLaunch(Object object)
  2. 小程序初始化完成时触发(全局只触发一次)。
  3. 参数 object 可以获取到启动小程序的场景值,例如是从哪个页面进入小程序的。
  4. onShow(Object object)
  5. 小程序启动,或从后台进入前台显示时触发。
  6. 也可以使用 getApp().onShow 在 App 实例上监听小程序显示。
  7. onHide()
  8. 小程序从前台进入后台时触发。
  9. 也可以使用 getApp().onHide 在 App 实例上监听小程序隐藏。
  10. onError(String error)
  11. 小程序发生脚本错误,或者 api 调用失败时触发。
  12. 可以在这里捕获到小程序的错误信息,并进行上报或处理。
  13. onPageNotFound(Object object)
  14. 小程序要打开的页面不存在时触发。
  15. 可以在这里进行页面重定向、错误提示等操作。

示例 app.js

// app.js  
App({  
  onLaunch: function (options) {  
    // 小程序启动之后 触发  
    console.log('小程序启动', options.query);  
    // 可以在这里进行全局变量的初始化、登录状态的校验等  
  },  
  onShow: function (options) {  
    // 小程序显示之后触发  
    console.log('小程序显示');  
  },  
  onHide: function () {  
    // 小程序隐藏之后触发  
    console.log('小程序隐藏');  
  },  
  onError: function (msg) {  
    // 小程序发生错误时触发  
    console.error('小程序发生错误:', msg);  
  },  
  onPageNotFound: function (res) {  
    // 页面不存在时触发  
    wx.redirectTo({  
      url: '/pages/index/index' // 跳转到首页  
    })  
  }  
})

注意事项

  • 小程序的生命周期函数在 App() 函数中定义,这些函数会在小程序的不同阶段被自动调用。
  • 开发者可以在这些生命周期函数中执行相应的逻辑,如初始化数据、监听页面变化、处理错误等。
  • 需要注意的是,onLaunch 只会在小程序初始化时调用一次,而 onShow 和 onHide 则会在小程序显示和隐藏时多次调用。
  • onError 函数可以捕获到小程序运行时的错误信息,这对于调试和错误监控非常有用。
  • onPageNotFound 函数可以在用户尝试访问不存在的页面时,进行页面重定向或显示错误提示,提升用户体验。

原文链接: https://blog.csdn.net/hexadecimal_001/article/details/141434655

标签: #软件开发 1171
相关文章

微信小程序开发项目 2024-09-26 17:57

微信小程序开发项目是一个复杂而细致的过程,它涉及到从项目规划、设计、开发到测试、发布及维护等多个环节。以下是对微信小程序开发项目的详细探讨,包括项目准备、开发流程、项目架构、优化与发布等方面。 一、项目准备 1. 明确项目目标与需求 在开始微信小程序开发项目之前,首先需要明确项目的目标和需求。这包括

基于微信小程序的挂号管理系统-web管理端 2024-09-26 16:51

流量和预约挂号数可视化功能 系统具备人流量和预约挂号数的可视化功能,能够实时展示各项数据,通过图表等形式直观呈现。这有助于医疗机构快速了解服务状况,优化资源配置,提升运营效率,为患者提供更为便捷的挂号服务。 患者信息管理功能 系统提供了患者信息管理功能,患者信息管理功能全面且高效,支持患者信息的录入

基于微信小程序的挂号管理系统-小程序端 2024-09-26 16:51

微信小程序端系统功能实现 登录功能 系统登录功能中,用户只需在登录界面输入正确的用户名和密码,即可快速进入系统。登录功能还采用了先进的加密技术,保障用户信息的安全性,让用户能够放心使用。 注册功能 系统注册功中,用户仅需按照提示填写基本信息,如姓名、手机号、身份证号等,即可完成注册。系统会对输入信息

基于微信小程序的挂号管理系统-01 2024-09-26 16:51

技术:Vue 微信小程序 SpringBoot Mybatis-plus SpringMVC Mysql elementUI ECharts 原文链接: https://blog.csdn.net/qq_53568730/article/details/138139001

微信小程序-02 2024-09-26 16:51

swiper 和 swiper-item 组件的基本使用 轮播图 <!--pages/list/list.wxml--> <swiper class="swiper-container"> <swiper-item> <view class="item">A</view> </swiper-it

微信小程序开发注意事项 2024-09-26 16:51

跳转tabBar页面时,不能使用navigator标签、 wx.navigateTo、wx.redirectTo方法跳转页面,可以使用wx.switchTab(Object object)和wx.reLaunch(Object object) 延时执行 setTimeout(function(){

目录

IT 外包服务商

  • 意见投递
  • zyf6619

软件开发应用

主菜单

  • 首页
  • 软件开发
  • 计算机基础
  • Hello Halo
  • 新手必读
  • 关于本知识库
Copyright © 2024 your company All Rights Reserved. Powered by Halo.