微信小程序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 Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
Sep 02 Javascript
微信小程序 火车票查询实例讲解
Oct 17 Javascript
AngularJS+Bootstrap实现多文件上传与管理
Nov 08 Javascript
vue实现图书管理demo详解
Oct 17 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 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 缩略图实现函数代码
2011/06/23 PHP
php gzip压缩输出的实现方法
2013/04/27 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
PHP操作Redis常用技巧总结
2018/04/24 PHP
php strftime函数的详细用法
2018/06/21 PHP
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
Vue.js系列之项目结构说明(2)
2017/01/03 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
JS实现商品筛选功能
2020/08/19 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python Tkinter简单布局实例教程
2014/09/03 Python
Python实现的多线程端口扫描工具分享
2015/01/21 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
Python for循环中的陷阱详解
2018/07/13 Python
python交换两个变量的值方法
2019/01/12 Python
Python阶乘求和的代码详解
2020/02/14 Python
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
国际政治个人自荐信范文
2013/11/26 职场文书
揠苗助长教学反思
2014/02/04 职场文书
面试复试通知单
2015/04/24 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书
财产分割协议书
2016/03/22 职场文书
python scrapy简单模拟登录的代码分析
2021/07/21 Python
CentOS7和8下安装Maven3.8.4
2022/04/07 Servers
教你使用RustDesk 搭建一个自己的远程桌面中继服务器
2022/08/14 Servers