微信小程序开发教程-App()和Page()函数概述
一，app()
用来注册一个小程序。在小程序启动的时候调用，并创建小程序，直到销毁。在整个小程序的生命周期过程中，它都是存在的。很显然它是单例的，全局的。所以，
1）只能在app.js中注册一次。
2）在代码的任何地方都可以通过 getApp() 获取这个唯一的小程序单例，
比如 var appInstance = getApp();
App()的参数是 object 类型 {} ，指定了小程序的声明周期函数。
onLaunch 函数
监听小程序初始化。
当小程序初始化完成时，会触发 onLaunch（全局只触发一次）。
onShow 函数
监听小程序显示。
当小程序启动，或从后台进入前台显示，会触发。
onHide 函数
监听小程序隐藏。
当小程序从前台进入后台，会触发。
所谓前后台的定义，类似于手机上的app，比如当不在使用微信时，就进入了后台。
globalData 对象
全局数据。
代码和日志参考，如下动图：
二、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，案例动图
三、页面栈
框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候，页面栈的表现如下：
| 路由方式 | 页面栈表现 |
初始化 |
新页面入栈 |
打开新页面 |
新页面入栈 |
页面重定向 |
当前页面出栈， 新页面入栈 |
页面返回 |
页面不断出栈，直到目标返回页面， 新页面入栈 |
Tab 切换 |
当前页面出栈， 新页面入栈 |
四、生命周期
下图说明了 Page 实例的生命周期。
五，页面路由
| 路由方式 | 路由后页面 |
路由前页面 |
初始化 |
onLoad， onShow |
|
| 打开新页面 |
onLoad， onShow |
onHide |
页面重定向 |
onLoad， onShow |
onUnload |
页面返回 |
onShow |
onUnload（多层页面返回每个页面都会按顺序触发onUnload） |
Tab 切换 |
第一次打开 onLoad，onshow； 否则 onShow |
onHide |
更多微信小程序开发教程-App()和Page()函数概述相关文章请关注PHP中文网！
400电话办理 - SEO高手聚集地，实战技巧分享···
- webstorm内存占用怎么样
- 企业为什么要做全网营销呢？
- 403错误是什么意思？如何解决···
- 助力企业SEO腾飞，数字营销巅···
- 重庆建站最便宜：中小企业如何用···
- 如何发出指令让AI学习指定博主···
- 通过Webman优化网站的可维···
- SEO基础：关键词研究，内容优···
- 如何在 Vue3.0 项目中集···
- 终身免费建站神器
- SEO网站入口：打造高效流量引···
- “图搜宝典，一图在手，天下我有···
- yii2怎么查看cookies
- 重塑品牌新生态，网络推广无限未···
- “高效文写神器，一触即发！”
- SEO优化价格揭秘，真相一探究···
- 如何通过Dreamweaver···
- 块级元素背景色不完整？如何解决···
- 微信引流应该如何做？行业大神们···
- centos中rename和m···
- 企业资质一查便知
- 如何查询一个网站有多少页面？这···
- 设计师必备，盘点十大设计师素材···
- 如何检查PS的日志文件？
- 如何快速取消在得物的订单？
- 网站首页收录掉了，如何应对并恢···
- ChatGPT怎么调用接口，让···
- 提升网站流量，SEO搜索排名优···
- 正确下载CentOS各个版本镜···
- 好的网站SEO优化软件：助力网···
- 企业官网设计新趋势：简约风格引···
- SEO要会什么？全方位解读提升···
- 传统企业转型为什么要做好百科营···
- 如何快速增加视频号粉丝？
- 商场十一黄金周促销计划方案
- SEO关键词费用的真相解析：如···
- docker数据卷是什么
- 云服务器资源利用优化：降低网站···
- 广告设计制作公司网站模板
- 网站推广优化，快速提升排名！
- 汕头电池SEO，高效优化，助力···
- 深入解读SEO营销的概念与实战···
- 节日营销又玩出新高度？看京东美···
- AI写作软件永久免费，创作何须···
- 重庆新媒体SEO优化：如何提升···
- SEO观察：揭秘高效优化之道
- 怎么检测文章是不是AI生成的？···
- 探讨如何使用ThinkPHP5···
- 阿里云建站主机价格指南：套餐费···