网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

微信小程序开发中App()和Page()函数有什么用-创新互联

这篇文章主要介绍了微信小程序开发中App()和Page()函数有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联主营毕节网站建设的网络公司,主营网站建设方案,app软件开发公司,毕节h5小程序设计搭建,毕节网站营销推广欢迎毕节等地区企业咨询

一,App()

用来注册一个小程序。在小程序启动的时候调用,并创建小程序,直到销毁。在整个小程序的生命周期过程中,它都是存在的。很显然它是单例的,全局的。所以,

1)只能在app.js中注册一次。

2)在代码的任何地方都可以通过 getApp() 获取这个的小程序单例,

比如 var appInstance = getApp();

App()的参数是 object 类型 {} ,指定了小程序的声明周期函数。


onLaunch 函数


监听小程序初始化。

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

onShow 函数

监听小程序显示。

当小程序启动,或从后台进入前台显示,会触发。

onHide 函数


监听小程序隐藏。

当小程序从前台进入后台,会触发。


所谓前后台的定义,类似于手机上的app,比如当不在使用微信时,就进入了后台。

globalData 对象


全局数据。

代码和日志参考,如下动图:

微信小程序开发中App()和Page()函数有什么用


二、Page()函数


通过App()注册完成小程序之后,框架就开始注册页面。所以不要在App()的 onLaunch 中调用 getCurrentPage() 方法,因为此时页面还没有注册完成。

同样的Page()也是有生命周期的。当页面注册完成之后,可以在 page.js 文件中调用 getCurrentPage() 方法,获取当前页面对象。

2.1,Page()的参数也是Object类型。
onLoad
监听页面加载

页面刚开始加载的时候触发。只会调用一次。

onReady
监听页面初次渲染完成


类似于html的 onReady。只会调用一次。

onShow
监听页面显示


页面显示的时候触发,比如页面切换

onHide
监听页面隐藏

和onShow对应

onUnload  
监听页面卸载


在 redirectTo 或 navigateBack 的时候调用

onPullDownRefresh  
监听用户下拉动


1)需要在config的window选项中开启enablePullDownRefresh。
2)当处理完数据刷新后,wx.stopPullDownRefresh 可以停止当前页面的下拉刷新。

onReachBottom  
页面上拉触底事件的处理函数

data

页面的初始数据

2.2,Page.prototype.setData()

Page的函数 setData() 用于页面初始数据data的修改。如果该数据绑定到了视图层wxml中展示,那么无须刷新,视图层就会反映出修改。

对于data的修改,只能使用 setData() ,不能直接通过 this.data 进行修改。数据量限制在 1024 kb以内。

2.3,getCurrentPages()
,获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。

2.4,案例动图


微信小程序开发中App()和Page()函数有什么用

三、页面栈

框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下:

路由方式  

页面栈表现

初始化

新页面入栈

打开新页面

新页面入栈

页面重定向


当前页面出栈,

新页面入栈

页面返回


页面不断出栈,直到目标返回页面,

新页面入栈

Tab 切换


当前页面出栈,

新页面入栈

四、生命周期
下图说明了 Page 实例的生命周期。


微信小程序开发中App()和Page()函数有什么用


五,页面路由


路由方式

路由后页面

路由前页面

初始化


onLoad,

onShow


打开新页面


onLoad,

onShow

onHide

页面重定向


onLoad,

onShow

onUnload

页面返回

onShow

onUnload(多层页面返回每个页面都会按顺序触发onUnload)

Tab 切换


第一次打开


onLoad,onshow;

否则 onShow

onHide

感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序开发中App()和Page()函数有什么用”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


文章标题:微信小程序开发中App()和Page()函数有什么用-创新互联
链接地址:http://bjjierui.cn/article/cddcps.html

其他资讯