微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，微信小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。

目录

下拉刷新

全局设置下拉刷新

• 在全局 app.json 的 window 节点中，将 enablePullDownRefresh 设置为 true 即可。

局部设置下拉刷新

• 在页面的 .json 配置文件中，将 enablePullDownRefresh 设置为 true 即可。

设置下拉刷新窗口的样式

在全局或页面的 .json 配置文件中，通过 backgroundColor 和 backgroundTextStyle 来配置下拉刷新窗口的样式，其中：

• backgroundColor 用来配置下拉刷新窗口的背景颜色，仅支持16进制的颜色值。
• backgroundTextStyle 用来配置下拉刷新 loading 的样式，仅支持 dark 和 light 两种模式。

下拉刷新事件

在页面的 .js 文件中，通过 onPullDownRefresh() 函数来监听当前页面的下拉刷新事件。

// pages/home/home.js
Page({ 
  onPullDownRefresh() {
    console.log('页面刷新了');
  }
})

上拉触底

在页面的 .js 文件中，通过 onReachBottom() 函数来监听当前页面的上拉触底事件。

设置上拉触底距离

指触发上拉触底事件时，滚动条距离页面底部的距离。可以在全局或页面的 .json 配置文件中，通过 属性来配置上拉触底的距离。小程序默认距离为50px。

{
  "usingComponents": {},
  "onReachBottomDistance": 150 //默认单位为px
}

上拉触底进行节流处理

防止一次请求未完成时，再一次发送相同请求。

• 定义一个变量（这里以isloading为例），来表示当前是否正在进行数据的请求。（false表示没有进行任何数据请求；true表示当前正在进行数据请求）

• 在发送数据请求时，修改 isloading 的值。在刚开始调用时设置为true，在回调函数（complete）中，将值设置为false。

• 在 onReachBottom 中对isloading 进行判断。如果为true，则阻止（直接return）；如果为false，则发送数据请求。