微信小程序 第四节课

Page

注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。 

参数

一  生命周期回调函数

1.1onLoad(Object query)

页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。

参数：

名称	类型	说明
query	Object	打开当前页面路径中的参数

1.2onShow()

页面显示/切入前台时触发。

1.3onReady()

页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

1.4onHide()

页面隐藏/切入后台时触发。 如底部 tab 切换到其他页面，小程序切入后台等。

1.5onUnload()

页面卸载时触发。如wx.redirectTo或wx.navigateBack到其他页面时。

二  页面事件处理函数

2.1onPullDownRefresh()

监听用户下拉刷新事件。

• 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。
• 可以通过wx.startPullDownRefresh触发下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
• 当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

2.2onReachBottom()

监听用户上拉触底事件。

• 可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance。
• 在触发距离内滑动期间，本事件只会被触发一次。

2.3onPageScroll(Object object)

监听用户滑动页面事件。

参数 Object object:

注意：请只在需要的时候才在 page 中定义此方法，不要定义空方法。以减少不必要的事件派发对渲染层-逻辑层通信的影响。 注意：请避免在 onPageScroll 中过于频繁的执行 setData 等引起逻辑层-渲染层通信的操作。尤其是每次传输大量数据，会影响通信耗时。

2.4onShareAppMessage(Object object)

听用户点击页面内转发按钮（button 组件 open-type="share"）或右上角菜单“转发”按钮的行为，并自定义转发内容。

注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮

参数 Object object:

此事件处理函数需要 return 一个 Object，用于自定义转发内容，返回内容如下：

自定义转发内容 基础库 2.8.1 起，分享图支持云图片。

2.5 onTabItemTap( Object object)

点击 tab 时触发

Object 参数说明：

补充知识点

页面栈

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

开发者可以使用 getCurrentPages() 函数获取当前页面栈。

建立超链接的知识点

首先确定页面是合法的   打开另一个页面 （你要在这个页面链接到新的页面）里面的wxml文件  ，在view标签下写一个超链接

<navigator url="/pages/message/message">

    to    message

</navigator>