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

摘要:
应用程序中的独特功能2.1。微信小程序的js侦听小程序初始化onLaunch:function(){}。小程序初始化完成后,将触发onLaunch2.2错误侦听函数onError:function(){}。当applet出现脚本错误或api调用失败时,onError将被触发并显示错误消息

微信小程序 生命周期函数

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

由于小程序的数据在我们退出小程序时并没有得到释放,因此再次点击开来数据依然没有变成初始化 
解决方法:在小程序 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 并带上错误信息

免责声明:文章转载自《微信小程序 生命周期函数详解》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇CSS入门Java内存管理的小技巧下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

类的加载过程(类的生命周期)详解

3.1. 概述 在Java中数据类型分为基本数据类型和引用数据类型。基本数据类型由虚拟机预先定义,引用数据类型则需要进行类的加载。 按照Java虚拟机规范,从class文件到加载到内存中的类,到类卸载出内存为止,它的整个生命周期包括如下7个阶段: 其中,验证、准备、解析3个部分统称为链接(Linking) 从程序中类的使用过程看 大厂面试题 蚂蚁金服...

用Gitolite搭建服务器上的Git

使用git作为版本控制工具,确实非常流行且好用,常用的git代码服务器有Github还是国内的Gitcafe和OSC都是很不错,可以免费存放一些开源的项目代码,对于私人项目,则需要支付一定的费用。同时对于代码安全隐私的考虑,有时需要搭建自己的私有git服务器,官方wiki有介绍,这里在整理一遍自己的搭建过程,供之后参看。 安装基础依赖包 1 # yum...

openlayers3入门教程

                                                                                                           openlayers3入门教程 摘要        OpenLayers 3对OpenLayers网络地图库进行了根本的重新设计。版本2虽然被...

vue中select框初始化首次触发change事件问题

一、问题描述 通常我们的需求是改变 select 的选项才会触发 change 事件,但是意料之外,页面初始化的时候也会触发 change 事件。 二、应用场景 进编辑页初始化的时候对select赋值,又会触发change事件。 期望: 进入编辑页初始化赋值时不触发change,手动选择select时触发change。 解决方法: 设置一个标志,根据标志决...

易语言驱动加减运算用的浮点,容易蓝屏(只是转载,作者不赞同)

转载易语言论坛文章,文章说易语言的加减乘除运算全部是浮点运算,经过笔者反汇编查看,确实是浮点运算,但是说浮点运算蓝屏,作者写的驱动没发现此问题,一直很稳定,只是备份下,说不定只是那篇文章作者自己代码不严谨造成的蓝屏,跟浮点无关. 众所周知易语言的加减乘除运算,90%都是使用浮点运算,经过测试发现在驱动函数中,一旦使用浮点运算,90%的几率直接蓝屏.特别是暴...

FlexCell控件初始化以及加载数据集[原创]

  '================================写在之前的话 抱歉,一直没有时间,所以FlexCell作者给我的几种加载数据集方法的代码一直没有发出来。 同时再次感谢FlexCell作者的厚道。 博客上发代码有点困难。如果有人有兴趣的话可以登录我的邮箱去获取FlexCell作者给我的几种加载数据集的方法。 邮箱地址:getsoft@...