微信小程序:生命周期

下面从三个方面来介绍小程序的生命周期:
(1)应用生命周期
(2)页面生命周期
(3)应用及页面生命周期的触发顺序

1.应用生命周期

App() 必须在 app.js 中调用,必须调用且只能调用一次,app.js中定义了一些应用的生命周期函数
(1)onLaunch: 初始化小程序时触发,全局只触发一次
(2)onShow: 小程序初始化完成或用户从后台切换到前台显示时触发
(3)onHide: 用户从前台切换到后台隐藏时触发
(4)onError: 小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
后台: 点击左上角关闭,或者按了设备 Home 键离开微信,并没有直接销毁,而是进入后台
前台:再次进入微信或再次打开小程序,相当于从后台进入前台。
官方介绍https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

应用生命周期

2.页面生命周期

js文件中定义了一些页面生命周期函数,下面简述下这些生命周期函数的方法作用
(1)onLoad:首次进入页面加载时触发,可以在 onLoad 的参数中获取打开当前页面路径中的参数。
(2)onShow:加载完成后、后台切到前台或重新进入页面时触发
(3)onReady:页面首次渲染完成时触发
(4)onHide:从前台切到后台或进入其他页面触发
(5)onUnload:页面卸载时触发
官方介绍https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

页面生命周期

3.应用与页面生命周期触发顺序

通过console.log验证它们的触发顺序
(1)从图中可以看出,首次进入小程序会先触发应用生命周期中onLaunch方法和onShow方法,其次触发页面生命周期中onLoad、onShow和onReady方法。
首次进入小程序
(2)前台切换到后台时,先触发页面生命周期中onHide方法,再触发应用生命周期的onHide方法。
从前台切换到后台
(3)后台切换到前台时,先触发应用生命周期中onShow方法,再触发页面生命周期的onShow方法。
从后台切换到前台
以上是对生命周期粗略的认识,如有不足请指正!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/407382.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在.NET3.5平台上使用LinQ to SQL + NBear 创建三层WEB应用

看了《一步一步学Linq to sql》和《在.NET 3.5 平台上使用LINQ to SQL创建三层/多层Web应用系统》 这两个系列文章后,因为一直使用NBear,所以试着综合了一下主要用NBear.IOC其它的NBear.data里的就没有会了,相应的使用LINQ来做数据处理. 之前一直使用NBear做些WEB应用主要感觉N…

JS之字符串连接方法join

作用:join() 方法用于把数组中的所有元素放入一个字符串,元素是通过指定的分隔符进行分隔的。(作用和split正好相反) 语法:arrayObject.join(separator) 参数:可选。指定要使用的分隔符。如果省略该参数&…

JS之颠倒数组元素的reverse方法

作用:reverse() 方法用于颠倒数组中元素的顺序 语法:arrayObject.reverse() 注意:该方法会改变原来的数组,而不会创建新的数组 实例1:

图文:详解数据库Oracle 11g的基本安装

From: http://blog.csdn.net/wjcreator123/article/details/3243041 下面提供的是Oracle 11g的下载地址和基本安装过程(仅作参考) 第一步: oracle服务端下载: http://down.zdnet.com.cn/detail/9/82225.shtml 客户端: http://blog.csdn.net…

mysql数据库中查看当前使用的数据库是哪个数据库?

一、用select database()语句 语句 mysql > select database();结果 解释:表示的是当前使用的是哪个数据库或者说会话登录到了哪个数据库中。 二、用show tables语句 语句 mysql > show tables;结果 解释:查询出来的结果中,第一行…

JS之返回数组指定元素的slice

作用:slice() 方法可从已有的数组中返回选定的元素 语法:arrayObject.slice(start,end) 参数1:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,…

使用 ADO.NET 的 NextResult 方法取得多个 Result Set

(本帖在版工的旧 Blog 中,发表日期为 2007/04/06) (本帖有些 Hyperlink 是连到台湾的网站,若无法连结,麻烦请留言反应)从 ADO.NET 1.x 开始,DataReader 就可以在单一次的查询动作中,「批次 (batch)」读取 T-SQL 语句以…

JS之数组删除/添加项目方法splice

用法:splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目 注:1:该方法会改变原始数组 语法:arrayObject.splice(index,howmany,item1,…..,itemX) 参数1:必需。整数,规定添加/删除项目的位置&…

Struts+DAO框架搭建完成!(源码)

今天做了这个StrutsDAO框架,可以说是又向SSH迈了一步。 做的过程中又发现了一些问题,但是在我和其他人的努力下一起解决了。这个问题是MyEclipse的Tomcat的启动问题。(已经解决并发帖解答了) 好了,下面切入正题&…

解析可变参数函数的实现原理(printf,scanf)

From: http://hi.baidu.com/huifeng00/blog/item/085e8bd198f46ed3a8ec9a0b.html 学习C的语言的时候,肯定接触到标准输出和标准输入函数。 这个函数给人的感觉很强大,因为它很另类,就是这个函数的参数是可变的。 下面是一个自己编写的可变…

花生葫芦球 健身新运动

国民健康天后张淳淳老师率先再将风靡欧美的“花生葫芦球(FITNESS BALL)”,推广给日、港、台的朋友,同时结合国内外体适能教练与专家,研发出一套减压、塑身运动课程,引领全民健康塑身运动。 花生葫芦球 健身新运动美大腿后健肌群伸…

JS之数组元素排序方法sort

作用:sort() 方法用于对数组的元素进行排序 语法:arrayObject.sort(sortby) 参数:可选。规定排序顺序。必须是函数 返回值:对数组的引用。请注意,数组在原数组上进行排序,不生成副本 注意1:…

js中自己实现bind函数的方式

前言 最近由于工作比较忙,好久都没时间静下心来研究一些东西了。今天在研究 call 和 apply 的区别的时候,看到 github 上面的一篇文章,看完以后,感觉启发很大。 文章链接为 https://github.com/lin-xin/blog/issues/7 &#xff…

Leetcode刷题(1)两数之和

最好的种树是十年前,其次是现在。歌谣 每天一个前端小知识 提醒你改好好学习了 知乎博主 csdn博主 b站博主 放弃很容易但是坚持一定很酷 我是歌谣 喜欢就一键三连咯 你得点赞是对歌谣最大的鼓励 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中…

使用WEB方式更改域用户帐户密码

使用WEB方式更改域用户帐户密码 <?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" />1、这个只是域帐户密码的一种更改方式&#xff0c;正规来说&#xff0c;域用户帐户的密码更改方式可以有6种。今天介绍给大家的只是其中一种&…