微信小程序App生命周期详解


Posted in Javascript onJanuary 31, 2018

微信小程序App生命周期:

onLaunch—-当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
onShow —-当小程序启动,或从后台进入前台显示,会触发 onShow
onHide —-当小程序从前台进入后台,会触发 onHide
onError —-当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

//app.js
App({

 /**
  *当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
  */
 onLaunch: function () {
  console.log("==App onLaunch==");
 },

 /**
  *当小程序启动,或从后台进入前台显示,会触发 onShow
  */
 onShow: function (options) {
  console.log("==App onShow==");
 },

 /**
  *当小程序从前台进入后台,会触发 onHide
  */
 onHide: function () {
  console.log("==App onHide==");
 },

 /**
  *当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
  */
 onError: function (msg) {
  console.log("==App onError==");
 }
})

进入小程序周期触发

微信小程序App生命周期详解 

切换后台

微信小程序App生命周期详解 

切换后周期触发

微信小程序App生命周期详解 

切换至前台周期触发

微信小程序App生命周期详解 

总结:进入微信小程序,当我们需要获取用户信息并保存等全局信息处理的时候,需要再onLaunch周期进行处理。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
清空上传控件input file的值
Jul 03 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
控制台报错object is not a function的解决方法
Aug 24 Javascript
jQuery实现瀑布流布局
Dec 12 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
JavaScript代码判断点击第几个按钮
Dec 13 Javascript
Bootstrap框架下下拉框select搜索功能
Mar 26 Javascript
AngularJS ng-style中使用filter
Sep 21 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
jquery树形插件zTree高级使用详解
Aug 16 jQuery
解决vue页面刷新,数据丢失的问题
Nov 24 Vue.js
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 #jQuery
微信小程序switch组件使用详解
Jan 31 #Javascript
vue项目中导入swiper插件的方法
Jan 30 #Javascript
微信小程序实现手势图案锁屏功能
Jan 30 #Javascript
简单理解Vue中的nextTick方法
Jan 30 #Javascript
Vue组件中slot的用法
Jan 30 #Javascript
vue初尝试--项目结构(推荐)
Jan 30 #Javascript
You might like
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
处理单名多值表单的详解
2013/06/08 PHP
PHP检测接口Traversable用法详解
2017/12/29 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
js版本A*寻路算法
2006/12/22 Javascript
Mootools 1.2教程 Fx.Tween的使用
2009/09/15 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
2016/12/26 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
2017/01/13 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
Python与R语言的简要对比
2017/11/14 Python
详解Python中where()函数的用法
2018/03/27 Python
python模块导入的方法
2019/10/24 Python
Pytorch 实现focal_loss 多类别和二分类示例
2020/01/14 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
电子商务应届生自我鉴定
2014/01/13 职场文书
高一地理教学反思
2014/01/18 职场文书
4S店售后客服自我评价
2014/04/09 职场文书
乳制品整治工作方案
2014/05/29 职场文书
2014年幼儿园重阳节活动方案
2014/09/16 职场文书
财产分割协议书范本
2014/11/03 职场文书
毕业生学校组织意见
2015/06/04 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android