taro开发微信小程序 -- 下拉刷新和上拉加载

参考文档:https://taro-docs.jd.com/taro/docs/tutorial#%E9%A1%B9%E7%9B%AE%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84

 

其实和微信小程序一样,只要设置页面配置信息并添加对应函数即可

class Index extends Component {
    // 添加小程序页面配置信息
    config: {
        enablePullDownRefresh: true,
        onReachBottomDistance: 50
    }
    
    onPullDownRefresh() {
        console.log('下拉刷新')
        setTimeout(() => {
            // 停止下拉刷新
            Taro.stopPullDownRefresh()
        }, 1000)
    }

    onReachBottom() {
        console.log('触底事件,做上拉加载')
    }
}

 

热门文章

暂无图片
编程学习 ·

vue打包后修改服务器地址

1.在public文件下新建config.js文件2.修改config.js文件 var PLATFROM_CONFIG = {}; // 本地环境 PLATFROM_CONFIG.baseUrl = "服务器地址" // 正式环境 // PLATFROM_CONFIG.baseUrl = "服务器地址"3.在封装好的axios里面去修改,我的是4.在index.html中引…
暂无图片
编程学习 ·

C++数据结构第16课、线性表存储结构的抽象实现

课程目标 — 完成顺序存储结构线性表的抽象实现SeqList 设计要点 — 抽象类模板,存储空间的位置和大小由子类完成 — 实现顺序存储结构线性表的关键操作(增、删、查、等) — 提供数组操作符,方便快速获取元素SeqList.h #ifndef SEQLIST_H #define SEQLIST_H#include "…
暂无图片
编程学习 ·

Qt使用Unicode转义序列创建QString

(1)源文件保存为UTF-8,QTextCodec::setCodecForLocale(QTextCodec::codecForName("UTF-8"));#include "mainwidget.h" #include <QApplication> #include <QTextEdit> #include <QTextCodec>int main(int argc, char *argv[]) {QAppl…
暂无图片
编程学习 ·

省市区三级行政区数据获取和GeoJson地图下载

文章目录1.背景2.行政区域数据获取3.获取GeoJson数据 1.背景 项目中用到省市区三级的行政区划的选择,在网上找到的数据与最新的行政区域划分不一致,也难以确认数据的完成性。 基于echarts完成数据地区分布图时,需要提供地区对应的geoJson格式地图。 2.行政区域数据获取 高德…
暂无图片
编程学习 ·

Zabbix+percona插件实现数据库mysql的监控

文章目录1.配置zabbix监控mysql的配置1.1 在zabbix-agent主目录(默认情况下为/ var / lib / zabbix)中创建.my.cnf2.配置percona2.1安装2.2配置文件2.3.在zabbix图形界面中导入模板2.3.1 监控的server添加监控项2.3.2 更改字体 1.配置zabbix监控mysql的配置 检测试验环境:确…
暂无图片
编程学习 ·

MySql简单入门_第四篇(1)_视图

4、使用视图【将视图用于检索SELECT 而不用于更新INSERT,UPDATE和DELETE】视图是虚拟的表,与包含数据的表不一样,视图只包含使用时动态检索数据的查询。视图提供了一种MySQL的SELECT语句层次的封装,可用来简化数据处理以及重新格式化基础数据或保护基础数据。【视图仅仅是用…
暂无图片
编程学习 ·

MongoDB安装及服务配置

MongoDB安装官网下载:https://www.mongodb.com/download-center/community----介绍https://www.cnblogs.com/dreamsqin/p/10885038.html 安装到D盘MongoDB目录下,将D:\MongoDB\bin配置到环境变量path下 在MongoDB下创建data、log文件夹 测试MongDB是否安装成功 – 打开cmd命令…
暂无图片
编程学习 ·

Xavier初始化和He初始化

转自https://blog.csdn.net/xxy0118/article/details/84333635Xavier初始化: 条件:正向传播时,激活值的方差保持不变;反向传播时,关于状态值的梯度的方差保持不变。初始化方法:W∼U[−6√ni+ni+1√,6√ni+ni+1√] W∼U[−ni​+ni+1​​6​​,ni​+ni+1​​6​​]假设激活函…
暂无图片
编程学习 ·

Centos7实现MySQL数据库备份与恢复

简介MySQL数据库的备份可以分为逻辑备份和物理备份,逻辑备份工具主要为:mysqldump而物理备份工具主要为:xtrabackup,两种备份方式各有优缺点备份工具mysqldumpxtrabackup优点支持热备份和增量备份,需要磁盘空间小支持热备份和增量备份,业务影响小,停机时间短,缺点业务影…
暂无图片
编程学习 ·

最大子段和

题目描述:N个整数组成的序列a11,a22,a33,…,ann, 求该序列如aii+ai+1i+1+…+ajj的连续子段和的最大值。当所给的整数均为负数时和为0。 例如:-2,11,-4,13,-5,-2,和最大的子段为:11,-4,13。和为20。 Input 第1行:整数序列的长度N(2 <= N <= 50000) 第2 - N + 1行:…
暂无图片
编程学习 ·

ESP32使用MicroPython快速开发

Python基本语句一:Print语句:1. 输出字符串和数字>>>print("runoob") # 输出字符串runoob>>> print(100) # 输出数字100>>> str = runoob>>> print(str) # 输出变量runoob>>> L = [1,2,a] …
暂无图片
编程学习 ·

2020-07-02

网页 你知道什么是网页吗?或者你知道该用什么样的话来形容它吗? 我能想到的话是: 网页是由图片、文字、声音、视频、链接这些个东东组成的扩展名叫html的文件 那啥子叫扩展名呢? 扩展名就是指文件的类型 规定文件应该用哪个软件打开 晓得不啦?那html是个啥呢? html是一种…
暂无图片
编程学习 ·

4 个好用的 Linux 监控工具

下面是 Linux 下 4 个日常使用率非常高的监控工具,可以帮助我们准确快速的诊断系统问题。 1. iotop如果你想知道某些进程使用了多少你宝贵的 I/O 资源,那么就使用 iotop 吧。 iostat 命令也是查看 I/O 状态的,但他监控的是系统级别的 I/O 情况,而 iotop 监控的是进程级别的…
暂无图片
编程学习 ·

【算法设计与分析】第2章 枚举算法

第2章 枚举算法基本思想作用案例水仙花数 基本思想 列举问题所涉及的所有情形,并根据问题提出的条件逐个检验哪些是问题的解,哪些应予排除。 作用 1、理论上可解决计算领域中的各种问题 2、问题规模不大,运算速度可接受,设计更高效算法不值得的时候 3、作为底线 4、其他算法…
暂无图片
编程学习 ·

算法笔记:字符串哈希初步

问题描述: 给出N个字符串,每个字符串由三位大写字母组成,再给出M个查询字符串,问每个查询字符串在N个字符串中出现的次数? 解题思路: 把字符串转化为整数,利用空间来换时间效率。 C/C++代码: #include<cstdio> #include<cstring> const int maxn=100; char…
暂无图片
编程学习 ·

文件和目录命令之cd

cd命令帮助原文 ~]# help cd cd: cd [-L|[-P [-e]]] [dir]Change the shell working directory. 更改shell工作目录。Change the current directory to DIR. 将当前目录更改为DIR。 The default DIR is the value of the HOME shell variable. DIR的默认值是shell变量HOME的值…
暂无图片
编程学习 ·

将公式图片识别为LaTeX代码

简介 我们在写论文或者是报告的时候,经常需要把pdf里,或者是老师PPT上的公式图片,转换成LaTeX代码。如果公式太多,那么输入起来太过于繁多。 无论是将公式图片转换为LaTeX代码,还是转换到Mathtype中,都需要我们有一款工具来识别公示图片。 公式助手 我自己搭建了一个公众…
暂无图片
编程学习 ·

Win10下yolov5配置+训练自己的数据集

Win10下yolov5配置+训练自己的数据集 本人的电脑配置: CPU:i7-8700k GPU:GTX-1080ti 操作系统:Windows 10 专业版 64bit CUDA:10.1 CUDNN:7.4 OenpCV:3.3 pyTorch:1.5 Python:3.7 ps:原理精讲以及配置参数、训练参数后续上传,目前可看本人录制的yolov3的视频讲解教程…
暂无图片
编程学习 ·

有哪样 BI 产品能支持数据填报补录功能?

大部分的 BI 产品是不支持数据填报补录功能的。因为 BI 产品主要侧重于数据分析,常用于做自助报表、多维分析,并不关注数据的填报补录,也就不带这个功能了,所以很多 BI 产品是搭配报表工具来使用的,这样就可以利用报表的填报功能来补足 BI 的不足了。以润乾报表为代表的国…