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

0803分页_加载更多-网络ajax请求2-react-仿低代码平台项目

news 来源：原创 2025/6/18 12:30:03

文章目录

- 1 分页
- - 1.1 url与分页参数
  - 1.2 分页组件与url
  - 1.3 列表页引用分页组件
- 2 加载更多
- - 2.1 状态
  - 2.2 触发时机
  - 2.3 加载数据
  - 2.4优化
- 结语

1 分页

1.1 url与分页参数

查询问卷列表接口，添加分页参数：

page：当前页码（第几页）
pageSize：每页多少条记录

question.ts 查询文件接口列表参数扩展，如下所示：

type SearchOption = {keyword: string;isStar: boolean;isDeleted: boolean;page: number;pageSize: number;
};

浏览器url获取分页参数，useLoadQuestionListData.ts代码如下所示：

import { useSearchParams } from "react-router-dom";
import { useRequest } from "ahooks";
import { getQuestionListApi } from "@/api/question";import {LIST_SEARCH_PARAM_KEY,LIST_PAGE_PARAM_KEY,LIST_PAGE_SIZE_PARAM_KEY,LIST_PAGE_SIZE_DEFAULT,LIST_PAGE_DEFAULT,
} from "@/constant";type OptionType = {isStar: boolean;isDeleted: boolean;page: number;pageSize: number;
};/*** 获取问卷列表* @returns 问卷列表*/
function useLoadQuestionListData(opt: Partial<OptionType>) {const { isStar, isDeleted } = opt;const [searchParams] = useSearchParams();const keyword = searchParams.get(LIST_SEARCH_PARAM_KEY) || "";const page =parseInt(searchParams.get(LIST_PAGE_PARAM_KEY) || "") || LIST_PAGE_DEFAULT ;const pageSize =parseInt(searchParams.get(LIST_PAGE_SIZE_PARAM_KEY) || "") ||LIST_PAGE_SIZE_DEFAULT;async function load() {const data = await getQuestionListApi({keyword,isStar,isDeleted,page,pageSize,});//...
}export default useLoadQuestionListData;

服务端解析分页参数，question.js代码如下：

const Mock = require('mockjs')const getQuestionList = require("./data/getQuestionList")const Random = Mock.Randommodule.exports = [// ...{// 获取问卷列表url: '/api/question',method: 'get',response(ctx) {const { query = {} } = ctxconst isStar = query.isStar === 'true'const isDeleted = query.isDeleted === 'true'const page = parseInt(query.page) || 1const pageSize = parseInt(query.pageSize) || 10return {errno: 0,data: {list: getQuestionList({isStar, isDeleted, page, pageSize}),total: 100}}}},
]

1.2 分页组件与url

antd分页组件与url交互

由于多个列表页面都需要分页组件，这里我们以antd分页组件为基础，封装自定义分页组件，并且实现分页参数与url参数交互，ListPage.tsx代码如下所示：

import { FC, useEffect, useState } from "react";
import { useLocation, useNavigate, useSearchParams } from "react-router-dom";
import { Pagination } from "antd";import {LIST_PAGE_DEFAULT,LIST_PAGE_PARAM_KEY,LIST_PAGE_SIZE_DEFAULT,LIST_PAGE_SIZE_PARAM_KEY,
} from "@/constant";type PropsType = {total: number;
};const ListPage: FC<PropsType> = (props: PropsType) => {const [current, setCurrent] = useState(LIST_PAGE_DEFAULT);const [pageSize, setPageSize] = useState(LIST_PAGE_SIZE_DEFAULT);const [searchParams] = useSearchParams();useEffect(() => {const curPage =parseInt(searchParams.get(LIST_PAGE_PARAM_KEY) || "") ||LIST_PAGE_DEFAULT;const curPageSize =parseInt(searchParams.get(LIST_PAGE_SIZE_PARAM_KEY) || "") ||LIST_PAGE_SIZE_DEFAULT;setCurrent(curPage);setPageSize(curPageSize);}, [searchParams]);const { total } = props;// 当page pageSize改变时，跳转页面（改变url）const nav = useNavigate();const { pathname } = useLocation();function handlePageChange(page: number, pageSize: number) {searchParams.set(LIST_PAGE_PARAM_KEY, page.toString());searchParams.set(LIST_PAGE_SIZE_PARAM_KEY, pageSize.toString());nav({pathname,search: searchParams.toString(),});}return (<Paginationcurrent={current}pageSize={pageSize}total={total}onChange={handlePageChange}/>);
};export default ListPage;

1.3 列表页引用分页组件

“星标问卷”列表页Star.tsx代码如下：

// ...
import ListPage from "@/components/ListPage";const List: FC = () => {// ...//问卷列表数据const { data = {}, loading } = useLoadQuestionListData({ isStar: true });const { list = [], total = 0 } = data;
// ...<div className={styles.footer}><ListPage total={total} /></div></>);
};export default List;

“回收站”列表页Trash.tsx代码如下所示：

import { FC, useState } from "react";
import { useTitle } from "ahooks";
import ListPage from "../../components/ListPage";const List: FC = () => {useTitle("调查问卷-回收站");//问卷列表数据const { data = {}, loading } = useLoadQuestionListData({ isDeleted: true });const { list = [], total = 0 } = data;
// ...<div className={styles.footer}><ListPage total={total} /></div></>);
};export default List;

在这里插入图片描述

2 加载更多

2.1 状态

基础

page：当前页
list：全部数据列表，上划累加
total：总条数

计算项

hasMoreData：是否有更多数据

2.2 触发时机

页面加载触发
页面滚动到加载更多数据时触发
- 监听页面滚动
- 防抖处理
- DOM计算页面滚动刀”加载更多“

2.3 加载数据

useRequest请求接口
接口返回数据，设置状态

2.4优化

加载更多，缓存处理
刷新页面优化暂无数据
搜索重置状态

完整”我的问卷“页List.tsx代码如下所示：

import { FC, useEffect, useMemo, useRef, useState } from "react";
import { useSearchParams } from "react-router-dom";
import { useDebounceFn, useRequest, useTitle } from "ahooks";
import { Typography, Spin, Empty } from "antd";import QuestionCard from "@/components/QuestionCard";
import ListSearch from "@/components/ListSearch";
import styles from "./common.module.scss";
import { getQuestionListApi } from "@/api/question";
import { LIST_PAGE_SIZE_DEFAULT, LIST_SEARCH_PARAM_KEY } from "@/constant";const { Title } = Typography;const List: FC = () => {useTitle("调查问卷-我的问卷");//问卷列表数据const [started, setStarted] = useState(false);const [page, setPage] = useState(1);const [list, setList] = useState([]); // 全部列表数据，上划加载更多，累计const [total, setTotal] = useState(0);const hasMoreData = total > list.length;const [searchParams] = useSearchParams();const keyword = searchParams.get(LIST_SEARCH_PARAM_KEY) || "";// 搜索重置状态useEffect(() => {setStarted(false);setPage(1);setList([]);setTotal(0);}, [keyword]);// 加载数据const { run: loadData, loading } = useRequest(async () => {const data = await getQuestionListApi({page,pageSize: LIST_PAGE_SIZE_DEFAULT,keyword,});return data;},{manual: true,onSuccess(res) {const { list: newList = [], total = 0 } = res;// 累计数据setList(list.concat(newList));setTotal(total);setPage(page + 1);},});// 尝试触发加载-防抖处理const containerRef = useRef<HTMLDivElement>(null);const { run: tryLoadMore } = useDebounceFn(() => {const elem = containerRef.current;if (elem == null) {return;}// 判断如果div bottom 小于等于页面的高度const domRect = elem.getBoundingClientRect();if (domRect == null) {return;}const { bottom } = domRect;if (bottom <= document.body.clientHeight) {// 加载数据loadData();setStarted(true);}},{ wait: 500 });// 触发时机：页面加载或者url参数（keyword）变化时useEffect(() => {// 第一次加载，初始化tryLoadMore();}, [searchParams]);// 监听页面滚动事件useEffect(() => {if (hasMoreData) {window.addEventListener("scroll", tryLoadMore);}return () => {// 解绑事件window.removeEventListener("scroll", tryLoadMore);};}, [searchParams, hasMoreData]);// 加载更多显示优化const LoadMoreContentElem = useMemo(() => {if (!started || loading) {return <Spin />;}if (total === 0) {return <Empty description="暂无数据" />;}if (!hasMoreData) {return <span>没有更多了……</span>;}return <span>开始加载下一页</span>;}, [started, loading, hasMoreData]);return (<><div className={styles.header}><div className={styles.left}><Title level={3}>我的问卷</Title></div><div className={styles.right}><ListSearch /></div></div><div className={styles.content}>{list.length > 0 &&list.map((q: any) => {const { _id } = q;return <QuestionCard key={_id} {...q} />;})}</div><div className={styles.footer}><div ref={containerRef}>{LoadMoreContentElem}</div></div></>);
};export default List;

在这里插入图片描述

结语

❓QQ:806797785

⭐️仓库地址：https://gitee.com/gaogzhen

⭐️仓库地址：https://github.com/gaogzhen

[1]ahook官网[CP/OL].

[2]mock文档[CP/OL].

[3]Ant Design官网[CP/OL].

0803分页_加载更多-网络ajax请求2-react-仿低代码平台项目

文章目录 1 分页1.1 url与分页参数1.2 分页组件与url1.3 列表页引用分页组件 2 加载更多2.1 状态2.2 触发时机2.3 加载数据2.4优化结语 1 分页 1.1 url与分页参数查询问卷列表接口，添加分页参数： page：当前页码（第几页&#…...

编程日记 2025/6/2 11:26:02

React 与 Vue 的区别：你会选择哪个框架呢

🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》 🍚 蓝桥云课签约作者、…...

编程日记 2025/5/12 1:40:12

Jmeter如何取JDBC request响应参数作为下一个接口的值？

1、功能参数说明 Variable Name：数据库连接池的名字，需要与JDBC Connection Configuration的Variable Name Bound Pool名字保持一致 Query：填写的sql语句未尾不要加“;” Parameter valus：参数值,对查询条件进行参数化 Paramete…...

编程日记 2025/5/29 1:35:27

【C++】14.容器适配器 | stack | queue | 仿函数 | priority_queue

1. 容器适配器什么是适配器适配器是一种设计模式(设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结)，该种模式是将一个类的接口转换成客户希望的另外一个接口。在C中，容器适配器（Container Adapters&…...

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

论文阅读：2025 arxiv Aligning to What? Limits to RLHF Based Alignment

Aligning to What? Limits to RLHF Based Alignment https://arxiv.org/pdf/2503.09025 https://www.doubao.com/chat/3871529075012866 速览这篇论文主要探讨了强化学习从人类反馈（RLHF）在对齐大型语言模型（LLMs）时的局限性…...

编程日记 2025/6/1 22:30:31

利用Arcgis自己绘制shp文件

1.选择自己想要创建的shp文件的位置我是直接创建在连接文件夹中 2.右键-新建-shp 3.设置名称、要素类型、空间参考 4、点击创建要素 5、右侧选择图层、创建面 6、开始绘制，双击任意位置结束绘制之后可以改一下shp文件的名字...

编程日记 2025/6/4 6:35:43

路由器重分发（OSPF+静态路由）

路由器重分发（OSPF静态路由） 静态路由充当不了翻译官 OSPF路由 OSPF路由需要宣告自己的ip， Router(config)#router ospf 1 Router(config-router)#network 10.10.10.0 0.0.0.255 area 0还要帮静态路由的也宣告一下 Router(config)#ip route…...

编程日记 2025/5/29 6:40:38

KTT入门

Kinetic tournament tree 简称 KTT 下文中全部简写。 KTT 用于解决类以下问题：已知 N N N 条一次函数，求解一段区间内函数最大值。支持修改操作可以修改 x i x_i xi 或者 b i b_i bi 的值。具体做法：我们考虑线段树来维护一个类似 Δ \Delta Δ 的东西，我们令当…...

编程日记 2025/5/29 17:23:31

WPF 上位机开发模板

WPF 上位机开发模板 WPF上位机开发模板，集成了基础操作菜单、海康视觉实时图像界面、串口通讯、网口通讯、主流PLC通讯、数据存储、图片存储、参数配置、权限管理、第三方webapi接口接入、数据追溯与查询等功能。一、项目结构 WpfSupervisor/ ├── Models/ …...

编程日记 2025/6/4 1:31:12

理想星环OS选择NuttX作为MCU侧OS的核心原因分析

文章目录引言一、POSIX兼容性：降低汽车软件迁移成本二、轻量级与模块化：适配MCU资源约束三、硬实时性能：保障车辆控制确定性四、多芯片适配：加速车企供应链灵活性五、安全与可靠性：构建纵深防御体系六、社区与生态&am…...

编程日记 2025/5/31 15:34:06

IP数据报发送和转发的过程

1. 发送端准备数据应用程序（比如浏览器）要发送数据，比如访问一个网站。应用层（HTTP） → 传输层（TCP/UDP） → 网络层（IP）。 IP层负责把数据包打包，加上必要…...

编程日记 2025/5/29 14:10:25

Pinia 详细解析：Vue3 的状态管理利器

一、Pinia 概述 Pinia 是 Vue 3 的官方推荐状态管理库，由 Vue 核心团队维护。它是对 Vuex 的改进和简化，提供了更简洁的 API 和更好的 TypeScript 支持。 Pinia 的核心优势更简单的 API：相比 Vuex 减少了概念和模板代码完美的 TypeScript…...

编程日记 2025/6/3 3:38:01

一、常用的conda指令创建新的python环境 conda create -n env_name python3.x 查看已有的python环境 conda env list 进入已有的python环境 conda activate env_name 退出当前的python环境 conda deactivate 二、常用的pip指令 pip install -r requirements.txt 根据…...

编程日记 2025/5/29 2:16:50

ubantu18.04（Hadoop3.1.3）之Spark安装和编程实践

说明：本文图片较多，耐心等待加载。（建议用电脑） 注意所有打开的文件都要记得保存。第一步：准备工作本文是在之前Hadoop搭建完集群环境后继续进行的，因此需要读者完成我之前教程的所有操作。以下所有操…...

编程日记 2025/5/29 17:13:53

Ubuntu下安装vsode+qt搭建开发框架(二)

Ubuntu下安装vsode+qt搭建开发框架(二) 上一节介绍了vsode下搭建qt环境，采用的项目构建方式是使用qt官方的qmake工具。然而从qt6之后，官方已经开始推荐使用cmake来构建项目；并且许多项目都是cmake直接构建的，用cmake来构建项目具有可以更方便的融合其他开源项目。一、vs…...

编程日记 2025/6/4 3:22:40

获取房源信息并完成可视化——网络爬虫实战1

房源信息爬虫与可视化分析程序个人程序全网一手，盗卖必究项目介绍本项目是一个基于Python的房源信息爬虫与可视化分析工具，可以爬取链家网的二手房源信息，并对数据进行清洗、分析和可视化展示。通过本工具，用户可以快速了解特…...

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

css word

介绍 CSS word-spacing 属性，用于指定段字之间的空间，例如： p {word-spacing:30px; }word-spacing属性增加或减少字与字之间的空白。注意： 负值是允许的。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属…...

编程日记 2025/5/29 13:01:33

[mysql]约束(上)

约束道德约束,法律约束,这个约束在表里面是狭义的. 约束广义的,比如数值型你就不能录入’abc’.字符,定义了varchar(15)范围不能超过数量15. 我们这个章节要说的约束是狭义的,是具体的我们设定的约束, 为什么我们需要约束呢我们是为了数据的精确性和可靠性,我们了为了防…...

编程日记 2025/5/31 0:39:21

Eclipse 插件开发 2

Eclipse 插件开发 2 1 插件配置 1 插件配置 <?xml version"1.0" encoding"UTF-8"?> <?eclipse version"3.4"?> <plugin><extension point"org.eclipse.ui.commands"><category id"com.xu.learn.…...

编程日记 2025/5/29 17:11:47

用go从零构建写一个RPC（仿gRPC，tRPC）--- 版本1

希望借助手写这个go的中间件项目，能够理解go语言的特性以及用go写中间件的优势之处，同时也是为了更好的使用和优化公司用到的trpc，并且作者之前也使用过grpc并有一定的兴趣，所以打算从0构建一个rpc系统，对于生产环境已…...

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

树莓派（Raspberry Pi）入门建议

树莓派（Raspberry Pi）是一个低成本、信用卡大小的微型电脑，它的核心价值在于高度灵活的可编程性和丰富的硬件扩展能力。根据你的兴趣和需求，它可以用来做各种有趣且实用的项目，以下是常见的应用场景和实例：…...

编程日记 2025/6/4 15:34:59

SpringBoot物资管理系统 | JavaWeb项目设计与实现

概述基于JavaWeb技术实现了一套完整的物资管理解决方案。该系统适用于企业、学校、医院等机构，提供高效的物资入库、申报、公告管理等功能，帮助用户实现物资管理的数字化与智能化。主要内容 1. 管理员功能实现 5.1.1 物资管…...

编程日记 2025/6/3 7:56:05

《P1950 长方形》

题目描述小明今天突发奇想，想从一张用过的纸中剪出一个长方形。为了简化问题，小明做出如下规定： （1）这张纸的长宽分别为 n,m。小明将这张纸看成是由nm个格子组成，在剪的时候，只能沿着格子的…...

编程日记 2025/5/31 15:08:48

SpringCloud微服务架构

Spring Cloud是一个广泛使用的微服务框架，它基于Spring Boot构建，旨在帮助开发者构建复杂的分布式系统。Spring Cloud提供了多种工具和库，使得开发人员可以轻松地构建和部署微服务架构。以下是一些关键组件和概念，帮助你理解Sprin…...

编程日记 2025/5/27 12:31:27

网络管理知识点

1.传统网络管理：Web网管方式，CLI方式，基于SNMP集中管理 2.SNMP简单网络管理协议 SNMPV1实现方便，安全性弱 SNMPV2支持更多错误 SNMPV3认证加密，访问控制 3.SNMP，UDP传输效率较高，报文容易丢失…...

编程日记 2025/5/28 3:15:23

【Web应用服务器_Tomcat】二、Tomcat 核心配置与集群搭建

在企业级 Java Web 应用的部署场景中，Tomcat 作为主流的 Servlet 容器和 Web 服务器，其核心配置的优化以及集群搭建对于保障应用的高性能、高可用性至关重要。一、Tomcat 核心配置优化 1.1 server.xml 配置文件解析 Tomcat 的核心配置文件server…...

编程日记 2025/6/3 2:10:24

模板引擎语法-算术运算

模板引擎语法-算术运算文章目录模板引擎语法-算术运算[toc]1.加法运算2.减法运算3.乘法与除法运算4.四则运算5.整除运算在Django框架模板中，没有专门定义关于算术运算的语法。不过，通过一些标签和过滤器的配合使用，可以模拟实现类似“加减…...

编程日记 2025/6/1 3:34:54

MySQL 联合查询教程

MySQL 联合查询教程在 MySQL 中，联合查询用于从多个表中检索数据，常用于关联表中的信息。联合查询（JOIN）通过将两个或更多表根据一定条件连接起来，从而形成一个虚拟的结果集。MySQL 支持多种类型的联合查询&#xff…...

编程日记 2025/6/3 10:40:58

罗技Flow跨电脑控制

Windows 下载适用于 Windows 10 或更高版本的应用程序 macOS 下载适用于 macOS 12 或更高版本的应用程序 Flow 让您可以在两台电脑之间甚至 Windows 和 macOS 之间畅快办公。只需将支持 Flow 的鼠标的光标移动到屏幕边缘即可在电脑和操作系统之间切换。支持 Flow 的键盘会…...

编程日记 2025/6/1 15:42:21

Unity网络编程入门：掌握Netcode for GameObjects实现多人游戏基础(Day 39)

Langchain系列文章目录 01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南 02-玩转 LangChain Memory 模块：四种记忆类型详解及应用场景全覆盖 03-全面掌握 LangChain：从核心链条构建到动态任务分配的实战指南 04-玩转 LangChai…...

编程日记 2025/6/4 10:53:36

LeetCode100题

LeetCode100 两数之和遍历数组，以哈希表存数与下标，边存边查，速找和为目标值的两数下标 class Solution {public int[] twoSum(int[] nums, int target) {int[] ansnew int[2];HashMap<Integer,Integer> mapnew HashMap<>();…...

编程日记 2025/6/1 10:28:08

鸿蒙代码@Builder

#代码如下： Entry Component struct CardExample {State title: string "欢迎使用鸿蒙";State content: string "这是一段自定义内容";build() {Column() {this.MyCard({ title: this.title, content: this.content })}.padding(20)}BuilderM…...

编程日记 2025/5/31 3:27:42

Gewechat启动启动报错

Centos7，测试连接时发现这个错误。 [rootxin ~]# curl -i -X POST http://127.0.0.1:2531/v2/api/tools/getTokenId curl: (56) Recv failure: Connection reset by peer 1、删除原容器，重新构建。 docker run -itd \--name gewe \--privileged \-v /ro…...

编程日记 2025/6/2 3:27:49

硅谷甄选41集-71集

第四十三集：完全按照视频敲代码的话会发现左侧顶部tabbar的display:flex失效了，是因为拆分开的子组件里面多了一个div,去掉就好了，vue3不需要再额外包裹元素。因为路径变化了，所以找不到图片的话在前面再加一个…。第四十五集&am…...

编程日记 2025/6/3 22:57:22

PyQt6实例_消息工具_使用与完整代码分享

目录使用每日消息全局查询更新数据库代码数据库表创建代码-数据库相关操作代码-界面与操作逻辑视频使用工具有三个面板：每日消息、全局查询、更新数据库 “每日消息”和“全局查询”，数据源：同花顺7x24小时快讯 “更新…...

编程日记 2025/5/30 13:54:33

docker配置mysql遇到的问题：网络连接超时、启动mysql失败、navicat无法远程连接mysql

目录 1.网络超时方式1. 网络连接问题方式2. Docker镜像源问题方式3.使用国内镜像源 2.启动mysql镜像失败 3.navicat无法远程连接mysql 1.网络超时安装MySQL时出现超时问题，可能由多种原因导致： 方式1. 网络连接问题原因：网络不稳定…...

编程日记 2025/6/1 10:49:23

【虚幻C++笔记】碰撞检测

目录碰撞检测参数详情示例用法碰撞检测显示名称中文名称CSphere Trace By Channel按通道进行球体追踪UKismetSystemLibrary::SphereTraceSingleSphere Trace By Profile按描述文件进行球体追踪UKismetSystemLibrary::SphereTraceSingleByProfileSphere Trace For Objects针…...

编程日记 2025/6/3 15:45:36

SpringBoot集成WebSocket,单元测试执行报错

问题描述 SpringBoot集成了WebSocket，单元测试启动后会报如下错误：javax.websocket.server.ServerContainer not available 这是因为SpringBootTest启动时不会启动服务器，所以WebSocket会报错。解决方案在注解中添加 webEnvironmen…...

编程日记 2025/6/2 8:51:05

Git基本操作

1. 安装与配置安装：你可以从 Git 官方网站下载 Windows 版本的安装程序。运行安装程序，在安装过程中，你可以按照默认设置进行安装，也可以根据自己的需求进行调整。配置：安装完成后，打开 Git Bash&#x…...

编程日记 2025/6/2 4:52:02

C++异步并发支持库future

future： 1.利用共享状态来异步的获取提供者的值 2.future处于共享状态就绪时才是有效的 3.future不能拷贝构造，只能移动构造，并且移动构造后共享状态失效 std::future::get 1.当共享状态就绪时，返回存储在共享状态中的值。 2…...

编程日记 2025/5/26 10:10:12

c++学习小结

内存分配空间栈区（stack）。编译器⾃动分配与释放，主要存放函数的参数值，局部变量值等，连续的内存空间，由⾼地址向低地址扩展。堆区（heap） 。由程序员分配与释放；不…...

编程日记 2025/6/1 20:28:04

Pygame物理模拟：实现重力、弹跳与简单物理引擎

Pygame物理模拟：实现重力、弹跳与简单物理引擎大家好，欢迎来到本期的技术分享！今天我们将一起探讨如何使用Python和Pygame库来实现一个简单的物理模拟系统，其中包括重力、弹跳以及一个基础的物理引擎。如果你对游戏开发或者物理仿真感兴趣，那么这篇文章一定会让你受益匪…...

编程日记 2025/5/30 0:18:56

Python dotenv 使用指南：轻松管理项目环境变量

一、为什么要使用环境变量管理？ 很多开发者容易把自己开发的项目上传到Github上，但偶尔会忘记把数据库密码、支付接口密钥等敏感信息和谐掉，当代码提交上去时，这些信息就像裸奔一样暴露在所有人面前。更糟糕的是，不同…...

编程日记 2025/5/30 4:19:06

网络攻防第一~四集

来源于一下【小迪安全】红蓝对抗 | 网络攻防 | V2023全栈培训_哔哩哔哩_bilibili 目录第一集第二集第一集 web架构包括系统、中间件、程序源码、数据库系统 windows、linux、windows server 中间件是前端语言和数据库是当做一个桥梁，当做解析作用&…...

编程日记 2025/6/3 10:11:42

TI---sysconfig生成宏

核心内容概览 1. 宏定义的总体作用 SysConfig生成的宏定义是硬件配置的符号化映射，将图形化界面的配置参数转化为可直接引用的编译时常量，核心价值包括： 免硬编码：避免手动写入硬件参数（如引脚号、波特率&#xff0…...

编程日记 2025/5/29 15:24:39

【C】初阶数据结构13 -- 快速排序

本篇文章主要讲解经典的排序算法 -- 快速排序算法目录 1 递归版本的快速排序 1） 算法思想 （1） hoare 版本 （2） 双指针版本 （3） 挖坑法 2） 代码 3） 时间复杂度…...

编程日记 2025/5/31 13:44:35

Spring Boot 3.4 实战指南：从性能优化到云原生增强

一、核心新特性概览 Spring Boot 3.4 于 2024 年 11 月正式发布，带来 6 大维度的 28 项改进。以下是实战开发中最具价值的特性： 1. 性能革命：虚拟线程与 HTTP 客户端优化虚拟线程支持：Java 21 引入的虚拟线程在 Spring Boot 3…...

编程日记 2025/6/4 8:19:42

Git分支重命名与推送参数解析

这两个参数的解释如下： git branch -M master 中的 -M 参数 -M 是 --move --force 的组合简写，表示强制重命名当前分支为 master。如果当前分支已经存在名为 master 的分支，-M 会强制覆盖它（慎用，可能导致数据丢失&…...

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

深度学习中的预训练与微调：从基础概念到实战应用全解析

摘要本文系统解析深度学习中预训练与微调技术，涵盖核心概念、技术优势、模型复用策略、与迁移学习的结合方式，以及微调过程中网络参数更新机制、模型状态分类等内容。同时深入分析深层神经网络训练难点如梯度消失/爆炸问题，为模型优化提供理…...

编程日记 2025/6/2 2:23:46

EMC-148.5MHz或85.5辐射超标-HDMI

EMC 148.5MHz或85.5辐射超标-HDMI 遇到了一台设备过不了EMC ，经排查主要是显示器的HDMI问题解决办法看看能否更换好一点的HDMI线缆...

编程日记 2025/5/27 8:36:51