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


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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
用javascript实现读取txt文档的脚本
Jul 20 Javascript
面向对象的Javascript之三(封装和信息隐藏)
Jan 27 Javascript
jquery使整个div区域可以点击的方法
Jun 24 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
JS实现的数字格式化功能示例
Feb 10 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
原生js简单实现放大镜特效
May 16 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
js实现删除json中指定的元素
Sep 22 Javascript
关于uniApp editor微信滑动问题
Jan 15 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输入流php://input使用浅析
2014/09/02 PHP
PHP常用的小程序代码段
2015/11/14 PHP
php文件上传的两种实现方法
2016/04/04 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
js限制textarea每行输入字符串长度的代码
2012/10/31 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
2016/05/10 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
深入理解Angular.JS中的Scope继承
2017/06/04 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
基于原生JS封装的Modal对话框插件的示例代码
2020/09/09 Javascript
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
Python psutil模块简单使用实例
2015/04/28 Python
python实现清屏的方法
2015/04/30 Python
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
Python tkinter事件高级用法实例
2018/01/31 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
浅谈flask源码之请求过程
2018/07/26 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
2019/01/04 Python
详解python中sort排序使用
2019/03/23 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
Django 实现图片上传和显示过程详解
2019/07/18 Python
pytorch中的inference使用实例
2020/02/20 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
升职自荐书范文
2013/11/28 职场文书
学校十一活动方案
2014/02/01 职场文书
专题组织生活会方案
2014/06/15 职场文书
先进工作者个人总结
2015/02/15 职场文书
黄埔军校观后感
2015/06/10 职场文书
薪资证明范本
2015/06/19 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书
css height属性中的calc方法详解
2021/06/03 HTML / CSS