微信小程序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 相关文章推荐
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
jQuery学习笔记之jQuery的动画
Dec 22 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 Javascript
判断浏览器的内核及版本号方法汇总
Jan 05 Javascript
JavaScript实现快速排序的方法
Jul 31 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
JavaScript 数组的深度复制解析
Nov 02 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
react中使用swiper的具体方法
May 15 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 Javascript
JavaScript链式调用实例浅析
Dec 19 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
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
PHP实现根据银行卡号判断银行
2015/04/29 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
file控件选择上传文件确定后触发的js事件是哪个
2014/03/17 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
jquery实现两边飘浮可关闭的对联广告
2015/11/27 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
2016/08/05 Javascript
Vue.js基础学习之class与样式绑定
2017/03/20 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
详解Vue组件之间的数据通信实例
2017/06/17 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
基于vue2实现上拉加载功能
2017/11/28 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
微信小程序动态显示项目倒计时
2019/06/20 Javascript
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
Python3几个常见问题的处理方法
2019/02/26 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
美国电视购物:QVC
2017/02/06 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
垃圾回收的优点和原理。并考虑2种回收机制
2016/10/16 面试题
银行柜员应聘推荐信范文
2013/11/24 职场文书
自动化职业生涯规划书范文
2014/01/03 职场文书
表扬信格式
2014/01/12 职场文书
大学生交通专业求职信
2014/09/01 职场文书
小学三年级班主任工作经验交流材料
2015/11/02 职场文书
机械生产实习心得体会
2016/01/22 职场文书
积极心理学课程心得体会
2016/01/22 职场文书
ConstraintValidator类如何实现自定义注解校验前端传参
2021/06/18 Java/Android