返回顶部
首页 > 资讯 > 精选 >小程序中有哪些生命周期函数
  • 132
分享到

小程序中有哪些生命周期函数

2023-06-06 19:06:05 132人浏览 独家记忆
摘要

这篇文章给大家分享的是有关小程序中有哪些生命周期函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。导语:最近刚接触到小程序,在测试时发现退出小程序后小程序中的数据并没有得到释放,因此当我再次打开小数据时,数据并没

这篇文章给大家分享的是有关小程序中有哪些生命周期函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

导语:

最近刚接触到小程序,在测试时发现退出小程序后小程序中的数据并没有得到释放,因此当我再次打开小数据时,数据并没有得到初始化。那么我们该如何解决这个问题呢?

解决思路:

首先在小程序data数据中声明一个变量isClose,默认为true,用于判断是否是从小程序入口打开。当用户点击跳转页面或关闭小程序时,会触发OnHide函数,此时,在该函数中将判断isClose isTrue,表示关闭之后再打开。当页面跳转时,首先会将isClose设置为false,这样触发OnHide函数时,isClose is false 并不会执行,然后进入跳转的页面,再由页面进行返回。

在OnUnload函数中,设置一个定时器,200ms之后将isClose改为true,这样当关闭小程序并再次进入时,isClose依然为true,判断为首次进入页面。

小程序的生命周期函数如下:

1 监听页面加载

onLoad: function (options) {},

一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。

2 监听页面初次渲染完成

onReady: function () {},

一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

3 监听页面显示

onShow: function () {},

每次打开页面都会调用一次。

3 监听页面隐藏

onHide: function () {},

当navigateTo或底部tab切换时调用。

学习视频分享:PHP视频教程

4 监听页面卸载

onUnload: function () {},

当redirectTo或navigateBack的时候调用。

微信小程序的 app.js 中独有的函数

1 监听小程序初始化

onLaunch:function () {},

当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

2 错误监听函数

onError:function () {},

当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

感谢各位的阅读!关于“小程序中有哪些生命周期函数”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

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

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

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

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

  • 微信公众号

  • 商务合作