微信小程序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 相关文章推荐
让焦点自动跳转
Jul 01 Javascript
分析 JavaScript 中令人困惑的变量赋值
Aug 13 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 Javascript
Bootstrap警告框(Alert)插件使用方法
Mar 21 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
Aug 30 Javascript
详解Vite的新体验
Feb 22 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
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
thinkphp连贯操作实例分析
2014/11/22 PHP
[原创]ThinkPHP让../Public在模板不解析(直接输出)的方法
2015/10/09 PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
DOM相关内容速查手册
2007/02/07 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
chrome调试javascript详解
2015/10/21 Javascript
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
详解vue-cli 接口代理配置
2017/12/13 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
vue组件name的作用小结
2018/05/23 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
详解Angular6 热加载配置方案
2018/08/18 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
2018/09/03 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
修复 Django migration 时遇到的问题解决
2018/06/14 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
python3使用flask编写注册post接口的方法
2018/12/28 Python
详解如何从TensorFlow的mnist数据集导出手写体数字图片
2019/08/05 Python
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
2013/01/30 HTML / CSS
学前教育学生自荐信范文
2013/12/31 职场文书
计算机相关的自我评价
2014/01/15 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
员工福利申请报告
2015/05/15 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
python OpenCV学习笔记
2021/03/31 Python