微信小程序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 相关文章推荐
Mootools 1.2教程 函数
Sep 15 Javascript
javascript 传统事件模型构造的事件监听器实现代码
May 31 Javascript
js中关于String对象的replace使用详解
May 24 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
node.js中的fs.appendFileSync方法使用说明
Dec 17 Javascript
js改变css样式的三种方法推荐
Jun 28 Javascript
jQuery窗口拖动功能的实现代码
Feb 04 Javascript
图解Javascript——作用域、作用域链、闭包
Mar 21 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
vue元素实现动画过渡效果
Jul 01 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
详解elementUI中input框无法输入的问题
Apr 27 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 字符串 小常识
2009/06/05 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
PHP 命名空间和自动加载原理与用法实例分析
2020/04/29 PHP
Prototype1.6 JS 官方下载地址
2007/11/30 Javascript
JS 判断代码全收集
2009/04/28 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
2015/06/17 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
第一次接触神奇的Bootstrap菜单和导航
2016/08/01 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
聊聊Python中的pypy
2018/01/12 Python
python json.loads兼容单引号数据的方法
2018/12/19 Python
Python数据类型之List列表实例详解
2019/05/08 Python
浅析python内置模块collections
2019/11/15 Python
python实现超级玛丽游戏
2020/03/18 Python
python多进程 主进程和子进程间共享和不共享全局变量实例
2020/04/25 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
一些.net面试题
2014/10/06 面试题
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
同学会邀请书大全
2014/01/12 职场文书
四年级下册教学反思
2014/02/01 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
《穷人》教学反思
2014/04/08 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
基于python的matplotlib制作双Y轴图
2021/04/20 Python
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python