小程序学习day08-导航传参、下拉刷新(移动端的专有名词)、上拉触底(移动端的专有名词)、自定义编译模式、生命周期

34、导航传参

(1)声明式导航传参

1)Navigator组件的url属性用来指定将要跳转到页面的路径,同时,可以携带参数
2)携带参数的要求
①参数与路径之间用?分隔
②参数键与参数值之间用=相连
③不同参数用&分隔

(2)编程式导航传参

1)通过wx.navigateTo(Object object)方法跳转页面时,也可以携带参数

(3)在onLoad中接收导航参数

1)通过声明式导航或编程式导航所携带的参数,可以直接在onLoad时间中直接获取

35、下拉刷新(移动端的专有名词)

(1)概念:通过手机在屏幕上的下滑动操作,重新加载页面数据的行为

(2)下拉刷新的方式

1)全局开启
在app.json的window中,将enablePullDownRefresh设置为true
2)局部开启(推荐这个)
在页面json文件中,将enablePullDownRefresh设置为true

(3)配置下拉刷新窗口的样式

1)backgroundColor:用来配置下拉刷新窗口的背景颜色,仅支持16进制
2)backgroundTextStyle:用来配置下拉刷新Loading样式,仅支持dark/light

(4)监听页面的下拉刷新事件

1)在页面的.js文件中,通过onPullDownRefresh()函数进行监听

(5)停止下拉刷新效果(真机测试,会用到)

当处理完下拉刷新后,下拉刷新的loading效果会一直显示,不会主动消失,所以需要手动隐藏loading效果。此时,通过调用wx.stopPullDownRefresh()可以停止当前页面的下拉刷新

36、上拉触底(移动端的专有名词)

(1)概念:通过手指在屏幕上的上拉动作,从而加载更多数据的行为

(2)监听页面的上拉触底事件:在页面的js文件中,通过onReachBottom()函数即可监听当前页面的上拉触底事件。

(3)配置上拉触底距离

可以在全局或页面的json文件的onReachBottomDistance中配置,默认50px

37、自定义编译模式

(1)作用:每次刷新后,跳转到指定页面,而非首页,提高编译效率

(2)步骤:

(以该页面为例)

1)添加
2)删除

38、生命周期

(1)概念:指一个对象从创建、运行到销毁的整个阶段,强调的是一个时间段。

比如:小程序的启动,表示生命周期的开始;小程序的关闭表示生命周期的结束;中间小程序的运行过程,表示小程序的生命周期

(2)分类

1)应用生命周期(特指小程序从启动到运行再到销毁的过程)
2)页面生命周期(特指在小程序中,每个页面的加载到渲染再到销毁的过程)

注:页面生命周期的范围较小,应用生命周期的范围较大

(3)生命周期函数

1)概念:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行
2)作用:允许程序员在特定的时间点,执行某些特定的操作。比如,在onload函数发送请求
3)注:生命周期强调的是时间段,生命周期函数强调的是时间点
4)分类:
①应用的生命周期函数(特指特指小程序从启动到运行再到销毁依次调用的那些函数)(在app.js中声明)
②页面的生命周期函数(特指在小程序中,每个页面的加载到渲染再到销毁依次调用的那些函数)
相关推荐
学会沉淀。5 分钟前
Docker学习
java·开发语言·学习
如若1236 分钟前
对文件内的文件名生成目录,方便查阅
java·前端·python
Rinai_R20 分钟前
计算机组成原理的学习笔记(7)-- 存储器·其二 容量扩展/多模块存储系统/外存/Cache/虚拟存储器
笔记·物联网·学习
吃着火锅x唱着歌20 分钟前
PHP7内核剖析 学习笔记 第四章 内存管理(1)
android·笔记·学习
ragnwang22 分钟前
C++ Eigen常见的高级用法 [学习笔记]
c++·笔记·学习
滚雪球~1 小时前
npm error code ETIMEDOUT
前端·npm·node.js
沙漏无语1 小时前
npm : 无法加载文件 D:\Nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
supermapsupport1 小时前
iClient3D for Cesium在Vue中快速实现场景卷帘
前端·vue.js·3d·cesium·supermap
brrdg_sefg1 小时前
WEB 漏洞 - 文件包含漏洞深度解析
前端·网络·安全
胡西风_foxww1 小时前
【es6复习笔记】rest参数(7)
前端·笔记·es6·参数·rest