微信小程序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 相关文章推荐
JavaScript 无符号右移赋值操作
Apr 17 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
Jul 05 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
教你快速搭建Node.Js服务器的方法教程
Mar 30 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
React Native验证码倒计时工具类分享
Oct 24 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
vue项目里面引用svg文件并给svg里面的元素赋值
Aug 17 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之curl设置超时实例
2014/11/03 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
php输出图像的方法实例分析
2017/02/16 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
Array.prototype.slice 使用扩展
2010/06/09 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
js实现图片跟随鼠标移动效果
2019/10/16 Javascript
python+requests+unittest API接口测试实例(详解)
2017/06/10 Python
Python实现树的先序、中序、后序排序算法示例
2017/06/23 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
python中eval与int的区别浅析
2019/08/11 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
canvas绘制图片drawImage使用方法
2020/09/15 HTML / CSS
澳大利亚著名的纺织品品牌:Canningvale
2020/05/05 全球购物
十佳大学生村官事迹
2014/01/09 职场文书
区级文明单位申报材料
2014/05/15 职场文书
法定代表人身份证明书
2014/09/10 职场文书
护士年终考核评语
2014/12/31 职场文书
高质量“欢迎词”
2019/04/03 职场文书
学者《孟子》名人名言
2019/08/09 职场文书