当前位置： 首页 > news >正文

React 底部加载组件(基于antd)

news 来源：原创 2025/6/8 16:54:03

底部加载组件的意义在于提供一种流畅的用户体验，以便在用户滚动到页面底部时自动加载更多内容。这样可以让用户无需离开当前页面，就能够无缝地浏览更多的内容.通过底部加载组件，可以分批加载页面内容，减少一次性加载大量数据对页面性能的影响。这样可以提高页面的加载速度和响应时间

import React from 'react'
import { Mask } from 'antd-mobile'
import './index.less'interface HouseCardProps {message: string
}export default function PageLoading({message,
}: HouseCardProps) {return (<Mask visible className="loading-wrap" color="rgba(0, 0, 0, 0.6)"><div className="loading">{message}</div></Mask>)
}

.loading-wrap {.adm-mask-content {width: 100%;height: 100%;}.loading {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #ffffff;font-weight: 600;}
}

相关文章：

React 底部加载组件(基于antd)

底部加载组件的意义在于提供一种流畅的用户体验&#xff0c;以便在用户滚动到页面底部时自动加载更多内容。这样可以让用户无需离开当前页面&#xff0c;就能够无缝地浏览更多的内容.通过底部加载组件&#xff0c;可以分批加载页面内容&#xff0c;减少一次性加载大量数据对页面…...

编程日记 2025/6/3 15:46:10

Redis应用—7.大Value处理方案

1.⽅案设计 步骤一&#xff1a;首先需要配置一个crontab定时调度shell脚本&#xff0c;然后该脚本每天凌晨会通过rdbtools⼯具解析Redis的RDB⽂件&#xff0c;接着对解析出的内容进行过滤&#xff0c;把RDB⽂件中的⼤key导出到CSV⽂件。 步骤二&#xff1a;使⽤SQL导⼊CSV⽂件到…...

编程日记 2025/6/3 10:46:14

洛谷P2742 圈奶牛 （凸包 Andrew算法）

[USACO5.1] 圈奶牛Fencing the Cows /【模板】二维凸包 题目背景 upd: 新增一组 hack 数据。 题目描述 农夫约翰想要建造一个围栏用来围住他的奶牛&#xff0c;可是他资金匮乏。他建造的围栏必须包括他的奶牛喜欢吃草的所有地点。对于给出的这些地点的坐标&#xff0c;计算…...

编程日记 2025/6/1 14:32:08

Spring（一）---IOC(控制权反转)

目录 引入 1.什么叫IOC(Inversion of Control)控制权反转&#xff1f; 2.什么叫AOP(Aspect-Oriented Programming)面向切面编程(涉及Java代理)&#xff1f; 3.简单谈一下Java怎么实现ICO? Spring框架的介绍 1. Spring框架的概述 2. Spring框架的优点 Spring IOC容器介绍…...

编程日记 2025/6/2 10:08:19

MySQL数据库——门诊管理系统数据库数据表

门诊系统数据库his 使用图形化工具或SQL语句在简明门诊管理系统数据库his中创建数据表&#xff0c;数据表结构见表2-3-9&#xff5e;表2-3-15所示。 表2-3-9 department&#xff08;科室信息表&#xff09; 字段名称 数据类型 长度 是否为空 说明 dep_ID int 否 科室…...

编程日记 2025/6/4 11:34:07

linux环境使用yum方式安装nginx

linux环境使用yum方式安装nginx 一、nginx官网 二、nginx安装 点击首页的 Docs 或者 install 都可以&#xff0c;最终都是进入到Installing nginx页面 因为安装的服务器环境是linux centos 所以选择 Installation on Linux下面 packages 跳转链接 点击packages后 最终会跳转…...

编程日记 2025/6/3 7:03:02

2024高级前端面试题大全

&#x1f3a8; 1、v-bind指令绑定所有属性 <comp :title"title" :color"color" /><comp v-bind"props" />&#x1f3a8; 父组件监听字组件渲染周期&#xff1a;hook:updated文章地址&#x1f3a8; Vue3 defineAsyncComponent动态导…...

编程日记 2025/5/29 2:28:08

[机器学习]XGBoost（3）——确定树的结构

XGBoost的目标函数详见[机器学习]XGBoost&#xff08;2&#xff09;——目标函数&#xff08;公式详解&#xff09; 确定树的结构 之前在关于目标函数的计算中&#xff0c;均假设树的结构是确定的&#xff0c;但实际上&#xff0c;当划分条件不同时&#xff0c;叶子节点包含的…...

编程日记 2025/5/30 13:00:40

Hutool工具包的常用工具类的使用介绍

前言 Hutool 是一个轻量级的 Java 工具类库&#xff0c;提供了非常丰富的工具方法&#xff0c;可以大大减少开发时的重复性工作。它的目标是让 Java 开发更简单、更高效。Hutool 提供了多种常用功能&#xff0c;以下是一些常用工具类的使用介绍&#xff1a; 1. StrUtil - 字符…...

编程日记 2025/6/2 21:34:39

ETCD备份还原

环境准备&#xff1a; master 192.168.8.128 node1 192.168.8.129 k8s版本&#xff1a; 一&#xff1a;安装etcdctl工具 1.1下载安装包&#xff1a; wget https://github.com/etcd-io/etcd/releases/download/v3.4.13/etcd-v3.4.13-linux-amd64.tar.gz 1.2解压&…...

编程日记 2025/6/4 11:18:36

服务器防火墙设置某个端口号只允许固定 ip地址访问

服务器防火墙设置某个端口号只允许固定 ip地址访问是运维常见的功能&#xff0c;今天我们分享一下&#xff1a; 一、Linux环境 1、firewall 方式 1&#xff09;允许特定 IP 地址访问 23 端口 sudo firewall-cmd --zonepublic --add-rich-rulerule family"ipv4" s…...

编程日记 2025/6/1 4:06:13

FPGA 基础了解

前言 前期一直在做关于FPGA方面的开发&#xff0c;从开始认真玩FPGA到参考原子、野火、黑金、米联客的教学资料再到参与做项目中&#xff0c;中途也参加了两个比赛整也都获得不错的成绩&#xff0c;整个阶段持续了大概快一年半的时间&#xff0c;学习了乱七八糟的知识&#xf…...

编程日记 2025/5/30 22:59:35

Golang学习历程【第二篇 fmt包变量、常量的定义】

Golang学习历程【第二篇 fmt包&变量、常量的定义】 1. fmt 包1.1 打印&#xff08;print&#xff09;1.1.1 Print 打印1.1.2 Println 打印后换行1.1.3 Printf 打印格式化参数 1.2 输入(Scan)1.2.1 Scan 输入1.2.2 Scanf 格式化输入 2. 变量2.1 变量的声明2.2 变量初始化&am…...

编程日记 2025/6/4 10:37:48

深入QML语法

文章目录 深入了解 QML 文档的结构和语法什么是 QML 文档&#xff1f;导入语句导入语句的格式示例 对象声明基本语法示例更复杂的对象声明 QML 对象类型详解1. Rectangle&#xff08;矩形&#xff09;2. Gradient&#xff08;渐变&#xff09;3. Text&#xff08;文本&#xff…...

编程日记 2025/5/30 10:22:11

Viggle Api上线V3-beta模型，圣诞节跳舞视频来临

历史文章 Suno AI API接入 - 将AI音乐接入到自己的产品中&#xff0c;支持120并发任务 万物皆能舞&#xff0c;AI让你秒变“舞”林高手 – Viggle AI“舞”所不能 Viggle AI&#xff1a;打造爆款 AI 视频&#xff0c;让照片 “踢” 起足球 又一款AI对口型神器&#xff0c;让…...

编程日记 2025/6/4 17:26:29

前端excel的实现方案Luckysheet

一、介绍 Luckysheet是一款纯前端类似excel的在线表格&#xff0c;功能强大、配置简单、完全开源的插件。目前已暂停维护&#xff0c;但是其已有功能大概能满足常见需求的使用。 二、引入 ①cdn引入&#xff08;目前应该已经不支持&#xff0c;可自行尝试&#xff09; <l…...

编程日记 2025/6/2 13:37:38

数据字典类型/条目表的设计目的

1.以前的设计思路 对于下拉框选项储存的思路 我们以前是直接针对每一个下拉框都关联一个表格于数据库中 这种行为很不妥当 如果对于不同业务情景下的相同下拉框来说 多个相同下拉框就会在数据库中产生多个表格 当某个下拉框的选项需要更新或者新增时 那么对应的需要同步更新相…...

编程日记 2025/6/2 14:11:51

abc 383 C (bfs 最短路 )D(唯一分解定理，欧拉筛)

C 题&#xff1a; 首先暴力的想&#xff0c;对于每一个加湿器的位置去 上下左右扩展是 nm 的复杂度 。最多会有 nm 个加湿器。所以复杂度到达了n^3 。肯定超时了。 我们可以发现 对于一个点 会标记很多次&#xff0c;这回导致超时。 可以采用类似 bfs 求最短路的形式&#xff…...

编程日记 2025/5/31 18:27:17

常用消息中间件介绍

在消息中间件这个领域&#xff0c;确实有不少专业且强大的选择&#xff0c;它们各自都有着独特的优势和适用场景。 1. Apache Kafka&#xff1a; • Kafka以其高吞吐量、低延迟和分布式架构著称&#xff0c;非常适合处理大数据量、实时性要求高的场景。 • 它支持发布/订阅模式…...

编程日记 2025/6/4 10:01:54

vue基础

1.v-text,v-html <!-- v-text,v-html都可以显示内容 ,v-html可以解析html标签--> <p>{{msg}}</p> <p v-text"msg"></p> <p v-html"msg"></p> <script> let appnew Vue({ el:"#max", data:{ ms…...

编程日记 2025/6/3 3:21:02

从Windows远程访问Linux上的数据库

从Windows远程访问Linux上的数据库 目录 简介在Linux上安装MySQL/MariaDB配置MySQL/MariaDB以允许远程连接 修改MySQL/MariaDB配置文件重启MySQL/MariaDB服务确保防火墙允许MySQL/MariaDB端口 创建远程访问用户授予用户权限测试远程连接 检查网络连通性使用图形化工具连接 创…...

编程日记 2025/5/31 9:02:58

Android HandlerThread、Looper、MessageQueue 源码分析

Android HandlerThread、Looper、MessageQueue 源码分析 简介 在 Android 开发中&#xff0c;大家应该对 HandlerThread 有一定了解。顾名思义&#xff0c;HandlerThread 是 Thread 的一个子类。与普通的 Thread 不同&#xff0c;Thread 通常一次只能执行一个后台任务&#x…...

编程日记 2025/5/29 10:32:00

ASP.NET ｜日常开发中定时任务详解

ASP.NET &#xff5c;日常开发中定时任务详解 前言一、定时任务的概念与用途1.1 定义1.2 应用场景 二、在ASP.NET中实现定时任务的方式2.1 使用System.Timers.Timer2.2 使用Quartz.NET 三、定时任务的部署与管理3.1 部署考虑因素3.2 管理与监控 结束语优质源码分享 ASP.NET &am…...

编程日记 2025/5/30 23:35:40

Unity动态读取外部图片转Texture2D，内存过大问题解决方案

问题描述 加载原始图片2.63M的图片，分辨率为3023*4032，占用内存108.5M 加载原始图片12.6 M的图片，分辨率为6000*8000，占用内存427.2M 太恐怖了吧 解决方案 1.加载完图片，等比缩放，宽高改为1024或者512以下 1024占用5.2M，512占用1.3M，相比小了很多 2.原始Texture2…...

编程日记 2025/6/3 16:03:55

【Where语法全解密】.NET开源ORM框架 SqlSugar 系列

文章目录 前言一、普通表达式查询 Where二、根据SQL查询 where三、动态查询四、动态拼表达式查询 &#xff0c;拼拉姆达五、条件拼接查询六、链式条件查询七、根据Class查询&#xff0c;根据实查询八、根据Class中主键查询九、根据字典查询十、查询函数十一、Where中有子查询十…...

编程日记 2025/5/29 13:25:19

人工智能练习题--大题题库速通指南

随着人工智能&#xff08;AI&#xff09;技术的快速发展&#xff0c;越来越多的企业和个人开始重视AI的应用和发展。在这个背景下&#xff0c;人工智能训练师这一职业应运而生&#xff0c;他们专注于数据标注、模型训练、算法优化等方面的工作&#xff0c;以确保AI系统能够准确…...

编程日记 2025/6/3 20:44:27

写给Pythoner的前端进阶指南（四）：异步编程 - 原生支持的 async/await

在开发中&#xff0c;异步编程是处理并发任务的重要方式。无论是请求数据、读取文件还是执行网络操作&#xff0c;异步编程能够有效提升程序的性能和响应速度。Python 和 JavaScript 都支持异步编程&#xff0c;但它们的实现方式有所不同。在这篇文章中&#xff0c;我们将深入探…...

编程日记 2025/6/2 23:08:02

项目搭建+姓名唯一性校验

一 : 添加时对姓名进行唯一性校验 ① : 给姓名绑定一个改变事件 ② : 取值 ③ : 组装对象 ④ : ajax (Controller定义对姓名唯一性校验的方法) 在成功回调函数里 判断姓名是否添加过(0>已添加 1>未添加) 未添加过,添加成功后,(清空) /*** 对姓名进行唯一性校验*/$("…...

编程日记 2025/6/4 7:19:04

MacOS下PostIn安装配置指南

PostIn是一款开源免费的接口管理工具&#xff0c; 下面介绍私有部署版本的MacOS下安装与配置。私有部署版本更适合有严格数据安全要求的企业&#xff0c;实现对数据和系统的完全控制。 &#xfeff; &#xfeff; 1、MacOS服务端安装 Mac安装包下载地址&#xff1a;下载Mac安…...

编程日记 2025/6/1 2:30:52

时光回响，中原之声 ——漓岛⾳乐节x SONICE

音乐像呼吸一样在大地起伏&#xff0c;中原的回响透过时空&#xff0c;从遥远的内陆弥漫扩散至温暖的南方&#xff0c;年轻的呼唤似一阵快雨淋落在辽阔的海面&#xff0c;波澜游弋&#xff0c;终掀浪涛。来自中原的独立音乐厂牌SONICE将与澄迈漓岛音乐节联合呈现乘风舞台&#…...

编程日记 2025/6/1 13:50:55

获取apk信息（包名，版本等） aapt dump badging (apk文件路径)

1.找到sdk路径下aapt文件&#xff1a; Android\Sdk\build-tools\29.0.0 (29.0.0是构建版本&#xff0c;可以是其他版本如27.0.3) 2.window dos窗口cd 到这个路径下&#xff1a;Android\Sdk\build-tools\29.0.0 ,也可以配置到 环境变量 3.执行 aapt dump badging (apk文件路径…...

编程日记 2025/5/30 20:28:47

C++ 23版的最新特性

C 23 是 C 编程语言的最新标准版本&#xff0c;于 2023 年正式发布&#xff0c;带来了诸多新特性与改进&#xff0c;以下是一些主要内容&#xff1a; 1.语言特性 1.显式对象参数&#xff08;Deducing this&#xff09;&#xff1a;显式对象参数&#xff08;Deducing this&…...

编程日记 2025/6/4 5:25:10

【微信小程序开发 - 3】：项目组成介绍

文章目录 项目组成介绍项目的基本组成结构小程序页面的组成部分JSON配置文件的作用app.json文件project.config.json文件sitemap.json文件页面的 .json 配置文件新建小程序页面修改项目首页 XWML模板XWML 和 HTML 的区别 WXSS样式WXSS 和 CSS 的区别 .js文件 项目组成介绍 项目…...

编程日记 2025/6/3 19:08:24

分布式超低耦合，事件驱动架构（EDA）深度解析

目录 引言什么是事件驱动架构&#xff08;EDA&#xff09;事件驱动架构的基本原理事件驱动架构的特点与优势事件驱动架构与分布式系统事件驱动架构的关键组件事件驱动架构的实施步骤常见的事件驱动架构模式事件驱动架构在分布式系统中的应用场景挑战与解决方案总结 引言 在当…...

编程日记 2025/6/2 14:06:51

深入理解 Linux wc 命令

文章目录 深入理解 Linux wc 命令1. 基本功能2. 常用选项3. 示例3.1 统计文件的行、单词和字符数3.2 仅统计行数3.3 统计多个文件的总和3.4 使用管道统计命令输出的行数 4. 实用案例4.1 日志分析4.2 快速统计代码行数4.3 统计单词频率 5. 注意事项6. 总结 深入理解 Linux wc 命…...

编程日记 2025/6/1 4:56:48

轻松拿捏Spring

目录 Spring基础 什么是Spring框架 Spring 包含的模块有哪些? Core Container AOP Data Access/Integration Spring Web Messaging Spring Test Spring,Spring MVC,Spring Boot 之间什么关系? Spring基础 什么是Spring框架 Spring 是一款开源的轻量级 Java 开发框…...

编程日记 2025/6/3 8:51:07

使用 `du` 命令可以查看根目录下每个子目录占用的磁盘空间大小

使用 du 命令可以查看根目录下每个子目录占用的磁盘空间大小。 查看根目录下子目录大小的命令 sudo du -sh /*解释&#xff1a; du&#xff1a;显示文件和目录的磁盘使用情况。-s&#xff1a;只显示每个目录的总大小&#xff08;不递归显示子目录&#xff09;。-h&#xff1…...

编程日记 2025/6/4 0:26:07

Python练习之列表的使用

&#xff08;搭配主页知识点&#xff09; 【练习要求】 针对知识点列表定义、追加、列表元素读取、查找安排的本实例。要求实现&#xff1a;有一个列表&#xff0c;内容是:[21,25,21,23,22,20]&#xff0c;记录的是一批学生的年龄请通过列表的功能(方法)&#xff0c;对其进行…...

编程日记 2025/6/4 10:38:00

深入理解 HTTP HEAD 请求：节省带宽、提高效率的秘密武器

序言&#xff1a; 在HTTP协议中&#xff0c;HEAD请求是一种非常实用且被忽略的请求方法。与GET请求相似&#xff0c;HEAD请求同样从服务器获取资源&#xff0c;但与GET请求的最大不同之处在与&#xff0c;HEAD请求 仅返回响应的头部信息&#xff0c;不包含内容提。这使得HEAD请…...

编程日记 2025/6/1 4:48:02

电商数据流通的未来：API接口的智能化与自动化趋势

在数字化时代&#xff0c;电子商务行业正在以前所未有的速度发展&#xff0c;而API&#xff08;应用程序编程接口&#xff09;接口作为电商领域的重要组成部分&#xff0c;其应用和发展趋势也日益受到关注。API接口作为电商系统与外部服务或平台交互的桥梁&#xff0c;对电商数…...

编程日记 2025/6/1 22:10:58

[python]使用flask-caching缓存数据

简介 Flask-Caching 是 Flask 的一个扩展&#xff0c;为任何 Flask 应用程序添加了对各种后端的缓存支持。它基于 cachelib 运行&#xff0c;并通过统一的 API 支持 werkzeug 的所有原始缓存后端。开发者还可以通过继承 flask_caching.backends.base.BaseCache 类来开发自己的…...

编程日记 2025/5/28 7:55:04

13.罗意文面试

1、工程化与架构设计&#xff08;考察项目管理和架构能力&#xff09; 1.1 你负责的可视化编排项目中&#xff0c;如何设计组件的数据结构来支持"拖拉拽"功能&#xff1f;如何处理组件间的联动关系&#xff1f; // 组件数据结构示例 {components: [{id: comp1,type…...

编程日记 2025/6/1 19:48:28

有监督学习 vs 无监督学习：机器学习的两大支柱

有监督学习 vs 无监督学习&#xff1a;机器学习的两大支柱 有监督学习 vs 无监督学习&#xff1a;机器学习的两大支柱一、有无“老师”来指导二、解决的问题类型不同三、模型的输出不同 有监督学习 vs 无监督学习&#xff1a;机器学习的两大支柱 在机器学习的奇妙世界里&#…...

编程日记 2025/6/2 8:08:48

创建第一个QML项目

文章目录 使用 Qt Creator 创建 Qt Quick 项目详解为什么选择 Qt Creator&#xff1f;1. 打开 Qt Creator2. 选择项目模板3. 设置项目名称与路径4. 定义项目细节5. 配置构建套件6. 检查项目配置7. 编译并运行项目后续操作修改界面添加功能 总结 使用 Qt Creator 创建 Qt Quick …...

编程日记 2025/5/28 19:39:00

【k8s集群应用】K8S二进制安装大致步骤（简略版）

文章目录 K8S二进制安装部署etcd测试etcd集群&#xff08;可选&#xff09;恢复etcd数据库 部署master组件部署node组件K8S kubeadm安装关键命令更新kubeadm安装的K8S证书有效期方法一方法二查看证书有效期 K8S二进制安装 部署etcd 使用cfssl工具签发证书和私钥下载解压etcd软…...

编程日记 2025/6/4 4:55:24

cudnn版本gpu架构

nvcc --help 可以看 --gpu-architecture 写到的支持的架构 NVIDIA 的 GPU 架构是按代次发布的&#xff0c;以下是这些架构的对应说明&#xff1a; NVIDIA Hopper: 这是 NVIDIA 于 2022 年推出的架构之一&#xff0c;面向高性能计算&#xff08;HPC&#xff09;和人工智能&…...

编程日记 2025/6/3 13:46:36

智能体实战（需求分析助手）一、需求概述及迭代规划

需求分析助手开发迭代规划 功能概述 需求分析助手是一款基于大模型的智能系统，旨在帮助用户高效完成需求获取、需求分析、需求文档编写及需求验证的全流程工作。通过对用户输入的智能处理和分析，需求分析助手能够简化需求管理流程，并根据不同业务场景提供定制化支持。 核心…...

编程日记 2025/6/2 10:20:38

二叉搜索树Ⅲ【东北大学oj数据结构8-3】C++

二叉搜索树 III B&#xff1a;在二叉搜索树II中加入delete指令&#xff0c;创建程序对二叉搜索树T执行如下指令。 插入 k&#xff1a;将key k 插入到 T 中。 find k&#xff1a;报告T中是否存在key k。 delete k&#xff1a;删除key为 k 的节点。 打印&#xff1a;使用中序树遍…...

编程日记 2025/6/2 15:55:39

基于ceres优化的3d激光雷达开源算法

以下是一些基于CERES优化的开源激光雷达SLAM或相关算法&#xff1a; (1) LOAM (Lidar Odometry And Mapping) 简介: LOAM是一种经典的激光雷达里程计和建图算法&#xff0c;它通过提取特征点&#xff08;角点和平面点&#xff09;&#xff0c;利用ICP&#xff08;Iterative Cl…...

编程日记 2025/5/31 7:01:55

2023.9 Explainability for Large Language Models: A Survey

问题 可解释性问题&#xff1a;大语言模型&#xff08;LLMs&#xff09;内部机制不透明&#xff0c;难以理解其决策过程&#xff0c;如在自然语言处理任务中&#xff0c;不清楚模型如何根据输入生成特定的预测结果。模型评估问题&#xff1a;缺乏有效的评估指标和方法来衡量解…...

编程日记 2025/6/1 18:52:31