【原生js案例】让你的移动页面实现自定义的上拉加载和下拉刷新

news/2024/12/22 14:23:03 标签: javascript, 前端

目前很多前端UI都是自带有上拉加载和下拉刷新功能，按照官网配置去实现即可，比如原生小程序，vantUI等UI框架，都替我们实现了内部功能。

那如何自己来实现一个上拉加载和下拉刷新的功能？

实现效果

不用浏览器的css滚动条，自定义实现滚动效果
自定义实现滚动，添加上拉加载和下拉刷新

代码实现

UI页面美化

*{
   
      margin: 0

http://www.niftyadmin.cn/n/5795437.html

对 MYSQL 架构的了解

MySQL 是一种广泛使用的关系型数据库管理系统，其架构主要包括以下几个关键部分： 一、连接层客户端连接管理：MySQL 服务器可以同时处理多个客户端的连接请求。当客户端应用程序（如使用 Java、Python 等语言编写的程序）…

各个领域的常用编程语言

高级编程语言： Python - 易于学习，广泛应用于Web开发、数据科学、人工智能等。 Java - 用于企业级应用、安卓开发。 C# - 微软开发，主要用于.NET框架。 JavaScript - Web开发的核心语言，也可以用于服务器端编程（Node.j…

音视频入门基础：MPEG2-TS专题（21）——FFmpeg源码中，获取TS流的视频信息的实现

一、引言通过FFmpeg命令可以获取到TS文件/TS流的视频压缩编码格式、色彩格式（像素格式）、分辨率、帧率信息： ./ffmpeg -i XXX.ts 本文以H.264为例讲述FFmpeg到底是从哪个地方获取到这些视频信息的。二、视频压缩编码格式 FFmpeg获取TS文…

Redis——缓存预热+缓存雪崩+缓存击穿+缓存穿透

文章目录 1、缓存预热2、缓存雪崩3、缓存击穿4、缓存穿透总结 1、缓存预热什么是预热： mysql加入新增100条记录，一般默认以mysql为准作为底单数据，如何同步给redis（布隆过滤器）这100条新数据。为什么需要预热…

网络直播带货查询系统设计与实现：SSM + JAVA 核心架构与 JSP 支撑

第四章系统设计 4.1 系统体系结构网络直播带货网站的结构图4-1所示： 图4-1 系统结构模块包括主界面，主页、个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等进行相应的操作。登录系统结构图，如图4-2所示&#xf…

Suno Api V4模型无水印开发「高清音频WAV下载」 —— 「Suno Api系列」第6篇

历史文章 Suno AI API接入 - 将AI音乐接入到自己的产品中，支持120并发任务 Suno Api V4模型无水印开发「灵感模式」 —— 「Suno Api系列」第1篇 Suno Api V4模型无水印开发「自定义模式」 —— 「Suno Api系列」第2篇 Suno Api V4模型无水印开发「AI生成歌词」…

python:正则表达式

正则表达式（Regular Expressions，简称 regex）是一种强大的文本处理工具，用于匹配字符串中的字符组合。Python 提供了 re 模块来支持正则表达式的操作。以下是一些常用的正则表达式操作和示例： 导入 re 模块首先&…

Docker dockerfile镜像编码 centos7

一、大多数docker基础镜像使用locale查看编码，发现默认编码都是POSIX，这会导致中文乱码。解决方法如下: 二、首先使用locale -a查看容器所有语言环境三、dockerfile中加入以下参数重新生成镜像　　ENV LANGen_US.UTF-8 　　ENV TZAsia/Shanghai 　…