程序员开发实战系列三app和page.pdf

程序员开发实战系列《三》App()和Page() 从上篇文章中，我们了解：小程序主要由两个部分构成，app 和page。 app，就是小程序的框架。支撑pages，逻辑层的调用，对数据，wxss ，wxml 的解析； page，主要是业务层，用于实现界面化操作功能，是程序员使用频率最高的部分。 本篇文章简单介绍 App() 和 Page()函数； 详细的可以参数微信小程序api 文档。 一，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，案例动图 三、页面栈 框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候，页面栈的表现如下： 路由方式 页面栈表现 初始化 新页面入栈 打开新页面 新页面入栈 当前页面出栈， 页面重定向 新页面入栈 页面不断出栈，直到目标返回页面， 页面返回 新页面入栈