网站首页 >> 牛刀云小程序开发 >> 第1篇制作模式 >> 页面制作 >> 页面基础

2.3.2.4 页面生命周期

从加载页面、运行页面到卸载页面,称为页面的生命周期。在这个过程中,页面给制作者提供事件,用于实现交互。

1、生命周期事件

    页面共有6个生命周期事件,分别是页面加载、页面显示、初次渲染完成、页面加载完成、页面隐藏和页面卸载事件。

l  第一次显示页面触发页面加载、页面显示和初次渲染完成事件

l  页面中的组件全部初始化完成后,触发页面加载完成事件,即在该事件中可以获得数据集组件中的数据

l  页面被隐藏时触发页面隐藏事件

l  页面隐藏后再显示触发页面显示事件

l  页面被关闭时触发页面卸载事件

l  页面关闭后再重新显示,如同第一次显示页面

在哪个时刻,会产生显示页面、关闭页面和隐藏页面这3个动作,以及相应会触发哪些事件,情况汇总见表4-3.

4-3  页面操作及触发事件

动作

发生时

触发事件

显示页面

打开子页面时显示子页面

保留当前页跳转时显示跳转页

关闭当前页跳转时显示跳转页

页面加载事件

页面显示事件

初始渲染完成事件

页面加载完成事件

关闭页面

返回时当前页被关闭

关闭当前页时当前页被关闭

关闭当前页跳转时当前页被关闭

页面卸载事件

隐藏页面

打开子页面时父页面被隐藏

保留当前页跳转时当前页被隐藏

页面隐藏事件

 

2、页面操作处理事件

    用户在页面中执行下拉、上拉触底和转发等操作时,页面提供处理事件,响应用户的操作,事件说明见表4-4.

4-4  页面操作处理事件

事件名称

事件说明

下拉

用户在页面上做下拉动作时,触发本事件,一般用于刷新数据

页面默认不触发本事件,需要在“全局配置”或“页面”组件中,将“开启下拉刷新”设置为true,页面才会触发本事件。在事件中,处理完数据刷新后,执行wx.stopPullDownRefresh可以停止当前页面的下拉刷新状态,恢复为原来的状态

上拉触底

用户将页面向上滑动,显示出页面底部时触发本事件

页面刷新

调用“页面刷新”操作时,触发本事件

 

圆角矩形: 特别说明:动态列表通常需要上拉加载数据,下拉刷新数据,因此动态列表组件已经接管这2个事件,即数据集设置为分页加载后,动态列表组件自动实现上拉加载数据,下拉刷新数据。不需要制作者进行处理。