微信小程序day01_09之小程序私有页面生命周期和导航

末蓝、 2022-03-12 10:39 161阅读 0赞

### 文章目录 ###

*   *   *  私有生命周期页面的介绍

### 私有生命周期页面的介绍 ###

私有页面的生命周期函数如下:  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjI5NjY5_size_16_color_FFFFFF_t_70][]  
生命周期回调函数如下 : :

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

参数说明

名称 类型 说明  
query Object 打开当前页面路径中的参数  
onShow()  
页面显示/切入前台时触发。

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

注意：对界面内容进行设置的 API 如wx.setNavigationBarTitle，请在onReady之后进行。详见生命周期

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

onUnload()  
页面卸载时触发。如redirectTo或navigateBack到其他页面时。

页面事件处理函数  
onPullDownRefresh()  
监听用户下拉刷新事件。

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMjI5NjY5_size_16_color_FFFFFF_t_70]: /images/20220312/22b702ddf61a408bbba9f1cbcce99c7c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序页面生命周期解说

生命周期这个词在程序里面是很常见的一个词。像java web中servlet生命周期，Android中activity生命周期一样，微信小程序也有自己的生命周期。我们开始创

水深无声/ 2023年10月17日 08:58/ 0 赞/ 115 阅读

相关微信小程序（页面生命周期）

课程大纲（1）页面构造/注册器Page() （2）页面注册器参数 data初始化数据页面生命周期页面用户行为

左手的ㄟ右手/ 2023年06月17日 05:57/ 0 赞/ 177 阅读

相关微信小程序-生命周期

全局 App({ onLaunch (options) { // console.log('小程序初始化')

末蓝、/ 2023年03月02日 04:57/ 0 赞/ 11 阅读

相关微信小程序：生命周期

[https://www.jianshu.com/p/2e48f2468d5f][https_www.jianshu.com_p_2e48f2468d5f] [https_

客官°小女子只卖身不卖艺/ 2022年11月27日 07:19/ 0 赞/ 203 阅读

相关微信小程序之生命周期

> 由于小程序分为应用和页面两个部分，所以小程序的生命周期就涉及到以下部分。分别是：应用的生命周期。页面的生命周期。应用的生命周期对页面生命周期的

ゝ一世哀愁。/ 2022年11月12日 14:55/ 0 赞/ 196 阅读

相关微信小程序之生命周期

一、应用的生命周期 App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。 object参数说明： <table> <t

- 日理万妓/ 2022年05月24日 06:44/ 0 赞/ 206 阅读

相关微信小程序day01_07之小程序的生命周期

文章目录一. 生命周期回调函数的介绍二. 生命周期函数的代码示例本文代码地址 [https://gitee.com/

Bertha 。/ 2022年03月15日 15:21/ 0 赞/ 202 阅读

相关微信小程序day01_09之小程序私有页面生命周期和导航

文章目录私有生命周期页面的介绍私有生命周期页面的介绍私有页面的生命周期函数如下: ![watermark_type_ZmFuZ3poZ

末蓝、/ 2022年03月12日 10:39/ 0 赞/ 162 阅读

相关微信小程序生命周期、页面生命周期、组件生命周期

1. 生命周期 App（全局）位置：项目根目录app.js文件 App({ onLaunch (options) { //

浅浅的花香味﹌/ 2021年10月29日 07:36/ 0 赞/ 485 阅读

相关微信小程序页面生命周期

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] Page(Object object) 注册小程序中的一个页面。接受一个 `Objec

心已赠人/ 2021年09月07日 18:44/ 0 赞/ 481 阅读