一、小程序中生命周期的分类

小程序中的生命周期有以下三种:

(1)应用生命周期

小程序的生命周期函数是在app.js中调用,通过App(Object)函数用来注册一个小程序,指定其小程序的生命周期回调

(2)页面生命周期

页面生命周期函数就是每进入到一个新的页面的时候,就会调用的生命周期函数,通过App(Object)函数用来注册一个小页面

(3)组件生命周期

组件的生命周期是指组件自身的一些函数,当满足某些条件时就会被触发,通过Components(Object)来注册组件

二、分别有哪些生命周期?

(1)应用生命周期

onLanch: 小程序初始化完成时触发,全局只触发一次

onShow: 小程序启动,或从后台进入前台时触发

onHide: 小程序从后台进入前台时触发(如底部tab栏切换到其他页面)

onEerror:小程序发生错误或者API调用报错时触发

onPageNotFound: 小程序要打开的页面不存在时触发

onUnhandleRejection:小程序有未处理的Promise拒绝时触发

onThemeChange:系统切换主题时触发

(2)页面生命周期

onLoad: 监听页面加载(只会调用一次,可获取当前页面路径的参数,相当于view中的created)

onShow: 监听页面显示(发送请求获取数据)

onReady:监听页面初次渲染完成(获取页面元素,相当于view中的mounted)

onHide:监听页面隐藏(如底部tab栏切换到其他页面或小程序切入后台等触发)

onUnload:监听页面卸载(如redirectTo或navigateBack到其他页面时触发)

(3)组件生命周期

created:监听页面加载

attached:监听页面显示(这个生命周期用的多,绝大多数初始化工作可以在这里进行)

ready:监听页面初次渲染完成

moved:监听页面隐藏

detached:监听页面卸载

error:每当组件方法抛出错误时间

补充:

还有一些特殊的生命周期,虽然和组件的关联不是很大,但有时候组件需要用到,以便组件内部处理,这样的生命周期称为“组件所在页面的生命周期” (pageLifetimes),如下:

生命周期:

show :组件所在的页面被展示时执行

hide:组件所在的页面被隐藏时执行

Component({

//组件所在页面的生命周期
  pageLifetimes: {

show: function() {

},

hide: function() {

},
  }
})

小程序中的生命周期有哪些?相关推荐

  1. 小程序中的生命周期onHide和onUnload

    onHide:监听页面的隐藏 当从当前A页跳转到其他页面,那么A页面处于隐藏状态. onUnload:监听页面的卸载 当前处于A页面,点击返回按钮时,则将是A页面卸载. 利用这两个生命周期可以解决的问 ...

  2. 【微信小程序开发】生命周期与生命周期函数

    目录 一.生命周期 二.生命周期函数 三.总结 一.生命周期 (1)概念 生命周期(Life Cycle)是指一个对象从创建-->运行-->销毁的整个阶段 小程序的生命周期 小程序启动,表 ...

  3. 微信小程序开发之生命周期

    开发小程序过程中会涉及到小程序的生命周期,和其他app开发一样,小程序也有生命周期. 1:页面的生命周期 在初始页面:index.js中增加如图1所示代码 点击"编译"后,运行这个 ...

  4. 小程序开发.uniapp.生命周期

    小程序开发.uniapp.生命周期 [内容介绍]: uniapp中生命周期相关内容 相关文章推荐: 标题 链接 <小程序开发.概述与环境搭建> https://blog.csdn.net/ ...

  5. 微信小程序开发之生命周期详解?

    小程序分为应用和页面两个部分: 应用的生命周期. 页面的生命周期. 应用的生命周期对页面生命周期的影响. 路由变化对页面生命周期的影响 1.应用的生命周期: 属性 ------------- 类型 - ...

  6. mpvue还在维护吗_mpvue 微信小程序开发之生命周期

    最近在开发小程序,尝试性地使用了一下 mpvue 是一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compile ...

  7. 微信小程序 自定义组件生命周期

    微信小程序的自定义组件生命周期函数有六个 生命周期函数 参数 描述说明 created 无 在组件实例刚被创建时执行 attached 无 在组件实例进入页面节点树时执行 ready 无 在组件在视图 ...

  8. 微信小程序开发---页面生命周期

    微信小程序开发---生命周期 何为生命周期 小程序全局[app.js]---生命周期 小程序页面[pages/pagename.js]---生命周期 何为生命周期 生命周期是指一个事物从创建到销毁的一 ...

  9. 小程序页面的生命周期(onload,onshow,onready,onhide,onunload)

    1.onload 页面加载时触发(相当于页面初始化入口,跟onunload对应,只出现一次) 2.onshow 页面显示时触发(页面被调用时) 3.onready 页面渲染完成时触发(页面加载渲染完成 ...

最新文章

  1. 三:Bootstrap-js插件
  2. python如何获取多个excel单元格的值
  3. 通向架构师的道路(第五天)之tomcat集群-群猫乱舞
  4. linux文件目录的管理,Linux文件目录管理
  5. POJ 1054 The Troublesome Frog(枚举 + 剪枝)
  6. 修改typora设置能够配对latex行间公式$ $
  7. linux安装redis 和 使用
  8. 关于 签名验证失败 的问题
  9. swfobject的使用
  10. 基于CNN网络的轴承故障诊断
  11. uint和int的区别
  12. Noise aware learning for speech enhancement
  13. ubuntu20下使用微信开发者工具
  14. 苹果手机打开浏览器显示无法连接服务器,苹果浏览器safari打不开网页因为无法连接服务器吗?...
  15. 19款奥迪a5支持Android,19款奥迪a5有敝篷版吗?
  16. 安卓应用 .9.png类型启动图/背景图
  17. 音标课件软件测试,宝宝益智英语字母音标(测试版)
  18. app数据分析体系 - 用户粘性 DAU,MAU 和 月人均活跃天数
  19. 深入浅出对抗性机器学习(AML)
  20. E3--FPGA实现LVDS收发实例和原理2022-12-03

热门文章

  1. lol韩服服务器满了显示什么意思,LOL韩服再次回收超级账号,“rank分出现问题,针对LPL的选手吗”...
  2. 求解出n以内所有能被5整除的正整数的乘积_【小学奥数】所有知识点
  3. cocos creator实现棋牌游戏滑动选牌的功能
  4. 微信小程序关闭调试器警告sitemap的解决办法
  5. 昂达11Pro如何安装Android,折腾下战三年,11款Macbook Pro安装Catalina步骤指南
  6. 别人在等伞,而我在等雨停
  7. 【数字设计与计算机体系结构】2021-09-23-数字设计与计算机体系结构课程(一)
  8. 逆向工程日记2--WINDOWS优化大师
  9. PPPoE简介介绍及配置
  10. [CVE-2022-30190]MICROSOFT OFFICE MSDT代码执行漏洞