iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >小程序中的生命周期有哪些?
  • 376
分享到

小程序中的生命周期有哪些?

小程序微信小程序前端前端框架开发语言 2023-09-02 10:09:26 376人浏览 泡泡鱼
摘要

一、小程序中生命周期的分类 小程序中的生命周期有以下三种: (1)应用生命周期 小程序的生命周期函数是在app.js中调用,通过App(Object)函数用来注册一个小程序,指定其小程序的生命周期回调 (2)页面生命周期 页面生命

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

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

(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() {


    },
  }
})

来源地址:https://blog.csdn.net/weixin_48082900/article/details/128871647

--结束END--

本文标题: 小程序中的生命周期有哪些?

本文链接: https://www.lsjlt.com/news/390555.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 小程序中的生命周期有哪些?
    一、小程序中生命周期的分类 小程序中的生命周期有以下三种: (1)应用生命周期 小程序的生命周期函数是在app.js中调用,通过App(Object)函数用来注册一个小程序,指定其小程序的生命周期回调 (2)页面生命周期 页面生命...
    99+
    2023-09-02
    小程序 微信小程序 前端 前端框架 开发语言
  • 小程序中有哪些生命周期函数
    这篇文章给大家分享的是有关小程序中有哪些生命周期函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。导语:最近刚接触到小程序,在测试时发现退出小程序后小程序中的数据并没有得到释放,因此当我再次打开小数据时,数据并没...
    99+
    2023-06-06
  • 小程序生命周期
    小程序的生命周期说白了就是指程序从创建、到开始、暂停、唤起、停止、卸载的过程。 我们大概从三个角度看一下小程序的生命周期。 (1):应用生命周期 (2):页面生命周期 (3):组件生命周期 应用生命周期 用户首次打开小程序,触发 o...
    99+
    2023-09-02
    前端 微信小程序 javascript
  • 微信小程序组件的生命周期有哪些
    微信小程序组件的生命周期有哪些?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。组件 attached 生命周期执行次数按照通常的理解,除moved/show/hi...
    99+
    2023-06-06
  • Activity的生命周期有哪些
    这期内容当中小编将会给大家带来有关Activity的生命周期有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。Android中Activity的生命周期,网上大多数文章基本都是直接贴图、翻译API,比较...
    99+
    2023-05-31
    activity ct
  • php的生命周期有哪些
    这期内容当中小编将会给大家带来有关php的生命周期有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。php有什么用php是一个嵌套的缩写名称,是英文超级文本预处理语言,它的语法混合了C、Java、Per...
    99+
    2023-06-14
  • 微信小程序中的生命周期与生命周期函数浅析介绍
    目录一、生命周期概念分类二、生命周期函数概念作用分类三、总结一、生命周期 概念 生命周期(Life Cycle)是指一个对象从创建-->运行-->销毁的整个阶段 小程序的...
    99+
    2022-11-13
    微信小程序生命周期 微信小程序生命周期函数
  • java项目中线程的生命周期有哪些
    本篇文章为大家展示了java项目中线程的生命周期有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。一个线程的生命周期:新建状态: 使用 new 关键字和 Thread 类或其子类建立一个线程对象后...
    99+
    2023-05-31
    java 线程 生命周期
  • Vue3中的生命周期函数有哪些
    本篇内容介绍了“Vue3中的生命周期函数有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!生命周期钩子函数每个 Vue 组件实例在创建时都...
    99+
    2023-07-05
  • Angular组件的生命周期有哪些
    这期内容当中小编将会给大家带来有关Angular组件的生命周期有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。概述组件声明周期以及angular的变化发现机制红色方法只执行一次。变更检测执行的绿色方法...
    99+
    2023-06-15
  • react的生命周期函数有哪些
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react的生命周期函数有哪些?react的生命周期函数(超详细)话不多说,直接进入正题!先来了解一下react的生命周期函数有哪些:组件将要挂载时触发的...
    99+
    2023-05-14
    React
  • ASP.NET组件的生命周期有哪些
    本篇文章给大家分享的是有关ASP.NET组件的生命周期有哪些,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。 Instance 实例化通过控件的构造器所实例化。还可以通过被父控件...
    99+
    2023-06-18
  • Vue生命周期函数有哪些
    小编给大家分享一下Vue生命周期函数有哪些,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1.BeforeCreate()Vue实例已经创建,但是data,和methods中的数据和方法都未被初始化。就是说你可以在befor...
    99+
    2023-06-22
  • react生命周期的阶段有哪些
    今天小编给大家分享一下react生命周期的阶段有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2024-04-02
  • activity生命周期的方法有哪些
    在Android开发中,Activity的生命周期方法有以下几种:1. onCreate(): 在Activity被创建时调用,用于...
    99+
    2023-09-11
    activity
  • JavaScript内存的生命周期有哪些
    这篇文章给大家介绍JavaScript内存的生命周期有哪些,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。1、说明内存分配:当我们申明变量、函数、对象的时候,系统会自动为他们分配内存内存使用:即读写内存,也就是使用变量、...
    99+
    2023-06-15
  • servlet的生命周期结构有哪些
    servlet的生命周期结构有哪些?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。Servlet 生命周期:Servlet 加载--->实例化--->...
    99+
    2023-05-31
    servlet 生命周期
  • vue的生命周期有哪些阶段
    这篇文章主要讲解了“vue的生命周期有哪些阶段”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue的生命周期有哪些阶段”吧!有4大阶段:1、初始化阶段,包含beforeCreate(创建前)...
    99+
    2023-07-04
  • vue组件生有哪些命周期
    本篇文章给大家分享的是有关vue组件生有哪些命周期,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。具体内容如下分为4个阶段:create/mou...
    99+
    2024-04-02
  • servlet生命周期有哪些阶段
    这篇文章主要介绍了servlet生命周期有哪些阶段的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇servlet生命周期有哪些阶段文章都会有所收获,下面我们一起来看看吧。Servlet生命周期是指servlet从...
    99+
    2023-07-05
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作