微信小程序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 相关文章推荐
setInterval 和 setTimeout会产生内存溢出
Feb 15 Javascript
javascript中apply和call方法的作用及区别说明
Feb 14 Javascript
JavaScript也谈内存优化
Jun 06 Javascript
表单验证插件Validation应用的实例讲解
Oct 10 Javascript
理解javascript对象继承
Apr 17 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
vue使用drag与drop实现拖拽的示例代码
Sep 07 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
laravel-admin 与 vue 结合使用实例代码详解
Jun 04 Javascript
Vue实现拖放排序功能的实例代码
Jul 08 Javascript
Layui 数据表格批量删除和多条件搜索的实例
Sep 04 Javascript
Vue+axios封装请求实现前后端分离
Oct 23 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数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
jQuery 使用手册(一)
2009/09/23 Javascript
js实现一个省市区三级联动选择框代码分享
2013/03/06 Javascript
一个简单的JS鼠标悬停特效具体方法
2013/06/17 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
2013/10/22 Javascript
关闭页面window.location事件未执行的原因及解决方法
2014/09/01 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
举例讲解JavaScript substring()的使用方法
2015/11/09 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
JS随机数产生代码分享
2018/02/24 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
python中import学习备忘笔记
2017/01/24 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
使用卷积神经网络(CNN)做人脸识别的示例代码
2020/03/27 Python
Python内置函数locals和globals对比
2020/04/28 Python
解析python 中/ 和 % 和 //(地板除)
2020/06/28 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
EntityManager都有哪些方法
2013/11/01 面试题
jQuery treeview树形结构应用
2021/03/24 jQuery
大学校园活动策划书
2014/02/04 职场文书
实习单位评语
2014/04/26 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
vue修饰符.capture和.self的区别
2022/04/22 Vue.js