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


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时ie6和ie7,ff的区别
Aug 19 Javascript
javascript学习之闭包分析
Dec 02 Javascript
js multiple全选与取消全选实现代码
Dec 04 Javascript
jquery ajax post提交数据乱码
Nov 05 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
Feb 28 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
Jul 15 Javascript
JavaScript实现10秒后再次获取验证码
Dec 02 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
很棒的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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
php中实现简单的ACL 完结篇
2011/09/07 PHP
php缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
2011/02/23 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
document.getElementById获取控件对象为空的解决方法
2013/11/20 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
2015/08/31 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
详解在Python程序中使用Cookie的教程
2015/04/30 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
python安装oracle扩展及数据库连接方法
2017/02/21 Python
Python Matplotlib库安装与基本作图示例
2019/01/09 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
HTML5为输入框添加语音输入功能的实现方法
2017/02/06 HTML / CSS
一套带答案的C++笔试题
2014/01/10 面试题
信息管理专业推荐信
2013/10/29 职场文书
毕业证丢失证明
2014/01/15 职场文书
领导干部考察材料
2014/02/08 职场文书
ktv好的活动方案
2014/08/17 职场文书
2014年实习班主任工作总结
2014/11/08 职场文书
课外活动总结
2015/02/04 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
公司辞职信模板
2015/05/13 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
Java数组与堆栈相关知识总结
2021/06/29 Java/Android