微信小程序 生命周期函数详解


Posted in Javascript onMay 24, 2017

微信小程序 生命周期函数

小程序中 判断当前首页是从其他页面返回,还是由入口打开

由于小程序的数据在我们退出小程序时并没有得到释放,因此再次点击开来数据依然没有变成初始化
解决方法:在小程序 data 数据中声明一个变量 isClose 默认为 true 用于判断 是否为从入口打开,当点击跳转页面或者关闭小程序的时候,会触发 OnHide 函数在此函数中将判断 isClose is true 的时候即为关闭之后在打开,当跳转页面时首先将 isClose 设置为 false, 这样 触发 OnHide 函数的时候,isClose is flase 并不会执行,进入跳转的页面,然后在由页面进行返回这是会触发跳转的页面的 OnUnload 函数 在此函数中 设置一个定时器 在 200ms 之后将 isClose 改为 true 这样当关闭小程序 再次进入的时候 isColse 依然为true 判断时是首次进入页面

微信小程序的生命周期函数

1.1 监听页面加载

onLoad: function (options) {},

一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。

1.2 监听页面初次渲染完成

onReady: function () {},

一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

1.3 监听页面显示

onShow: function () {},

每次打开页面都会调用一次。

1.3 监听页面隐藏

onHide: function () {},

当navigateTo或底部tab切换时调用。

1.4 监听页面卸载

onUnload: function () {},

当redirectTo或navigateBack的时候调用。

微信小程序的 app.js 中 独有的 函数

2.1 监听小程序初始化

onLaunch:function () {},

当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

2.2 错误监听函数

onError:function () {},

当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
自动完成JS类(纯JS, Ajax模式)
Mar 12 Javascript
javascript对select标签的控制(option选项/select)
Jan 31 Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
详解angularjs利用ui-route异步加载组件
May 21 Javascript
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 Javascript
很棒的vue弹窗组件
May 24 #Javascript
详解Vue使用命令行搭建单页面应用
May 24 #Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 #Javascript
微信小程序 支付功能(前端)的实现
May 24 #Javascript
微信小程序 选项卡的简单实例
May 24 #Javascript
JS回调函数基本定义与用法实例分析
May 24 #Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 #jQuery
You might like
PHP.MVC的模板标签系统(一)
2006/09/05 PHP
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
javascript通过元素id和name直接取得元素的方法
2015/04/28 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
JS正则表达式修饰符global(/g)用法分析
2016/12/27 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
微信小程序中悬浮窗功能的实现代码
2019/08/02 Javascript
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
Python实现程序的单一实例用法分析
2015/06/03 Python
PyQt5实现拖放功能
2018/04/25 Python
实例讲解python中的协程
2018/10/08 Python
python 发送和接收ActiveMQ消息的实例
2019/01/30 Python
详解Matplotlib绘图之属性设置
2019/08/23 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
档案保密承诺书
2014/06/03 职场文书
小组名称和口号
2014/06/09 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python