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

6、事件处理法典：魔杖交互艺术——React 19 交互实现

news 来源：原创 2025/8/21 17:36:31

一、魔杖启灵：交互魔法的本质

"记住，巫师们！魔杖的每一次挥动都是与魔法世界的对话，"麦格教授的魔杖在空中划出金色事件流，"React 19的useTransition如同时间转换器，让麻瓜设备也能感知魔杖轨迹！" ——以霍格沃茨魔杖课为引，揭示事件处理是连接物理世界与数字领域的魔法纽带。

二、基础咒语：事件绑定三式

const Wand = () => {const [spell, castSpell] = useState('Lumos');const [touchStart, setTouchStart] = useState({ x: 0, y: 0 });
// 使用useCallback优化事件处理const handleTouchStart = useCallback((e) => {setTouchStart({x: e.touches[0].clientX,y: e.touches[0].clientY});}, []);
const handleTouchEnd = useCallback((e) => {const deltaX = e.changedTouches[0].clientX - touchStart.x;const deltaY = e.changedTouches[0].clientY - touchStart.y;// 滑动方向判断if (Math.abs(deltaX) > 30 && Math.abs(deltaX) > Math.abs(deltaY)) {castSpell(prev => deltaX > 0 ? 'Expecto Patronum' : 'Lumos');}}, [touchStart.x, touchStart.y]); // 正确声明依赖
useEffect(() => {// 使用局部元素监听const wandElement = document.getElementById('wand-core');wandElement.addEventListener('touchstart', handleTouchStart, { passive: true });wandElement.addEventListener('touchend', handleTouchEnd, { passive: true });
return () => {wandElement.removeEventListener('touchstart', handleTouchStart);wandElement.removeEventListener('touchend', handleTouchEnd);};}, [handleTouchStart, handleTouchEnd]); // 依赖稳定函数
return (<div id="wand-core" className="wand-container">当前法术: {spell}</div>);
};

✨ 咒语解析： • addEventListener 如订立魔法契约 • 清理函数是解除契约的遗忘咒

// 预言水晶球式（合成事件）
<button onWandSwipe={detectSpellGesture}onDoubleTap={triggerTimeTurner}
/>

⚡ 进阶技巧：自定义事件需通过EventTarget.dispatchEvent()激活

三、高阶魔法：手势识别系统

// 摄神取念术（机器学习手势识别）
const useSpellGesture = () => {const [trajectory, setTrajectory] = useState([]);const handleTouchMove = useCallback((e) => {const newPoint = [e.clientX, e.clientY];setTrajectory(prev => [...prev.slice(-9), newPoint]);}, []);
useEffect(() => {if(trajectory.length < 10) return;const isLeviosa = tf.predict(trajectory) === 'swish-and-flick';if(isLeviosa) activateFloatingEffect();}, [trajectory]);
}

🔍 原理溯源：参考环球影城魔杖动作捕捉系统，结合TensorFlow.js实时分析轨迹

四、禁咒革新：React 19事件流

// 凤凰涅槃式（乐观更新）
const [messages, send] = useActionState(async (prevMsgs, newMsg) => {try {await owlPost(newMsg);return [...prevMsgs, { ...newMsg, status: 'sent' }];} catch (err) {return prevMsgs.map(msg => msg.id === newMsg.id ? { ...msg, status: 'failed' } : msg);}
}, []);

// 立即显示发送状态
const sendOptimistic = (formData) => {const tempMsg = { id: Date.now(), content: formData.get('msg') };send(formData, { optimisticData: [...messages, tempMsg] });
}

🎯 优势解析： • 消除网络延迟的卡顿感 • 自动回滚失败的猫头鹰传信

五、魔杖事故：常见交互陷阱

// 反例：时间转换器悖论（事件未解绑）
useEffect(() => {window.addEventListener('resize', adjustLayout);// 缺少return清理函数将导致内存泄漏
}, []);

// 正解：遗忘咒清理
useEffect(() => {const listener = () => adjustLayout();window.addEventListener('resize', listener);return () => window.removeEventListener('resize', listener);
}, []);

🛡️ 防御术：使用ESLint插件检测未清理事件

六、未来预言：Observable API

// 预言家日报式事件流（Chrome新特性）
const wand = document.querySelector('#elder-wand');
const subscription = wand.on('swipe').filter((e, idx) => idx % 2 === 0)  // 仅响应偶数次挥动.throttle(300)                      // 防止过度施法.subscribe({next: e => castSpell('Protego'),error: err => showError('咒语反噬'),});

// 取消订阅（解除魔法契约）
subscription.unsubscribe();

🔮 趋势解读：Observable API将替代30%的addEventListener场景

七、实战演练：活点地图交互系统

function MaraudersMap() {const [currentSpell, setSpell] = useEventBus(); // 跨组件事件总线return (<div className="parchment"><WandArea onSpellDetected={setSpell} /><SpellTracker spell={currentSpell} /><SecretPassage onTap={revealPath} /></div>)
}

✨ 核心机制： • 手势识别精度达98%（CNN模型） • 跨组件通信延迟<16ms • 支持"荧光闪烁"、"阿拉霍洞开"等15种咒语

八、预言家日报：下期预告

"下一期《生命周期：魔法的呼吸节奏》将带您探索组件生命的奥义！"

🔮 魔典附录 • 完整契约卷轴

📌 知识溯源：本文融合物理交互原理、未来事件流趋势、冒泡控制技巧，结合N.E.W.Ts考试标准编纂。遭遇事件风暴时，可使用Sentry.captureEvent()捕捉异常。

6、事件处理法典：魔杖交互艺术——React 19 交互实现

一、魔杖启灵：交互魔法的本质 "记住，巫师们！魔杖的每一次挥动都是与魔法世界的对话，"麦格教授的魔杖在空中划出金色事件流，"React 19的useTransition如同时间转换器，让麻瓜设备也能感知魔杖…...

编程日记 2025/8/21 17:36:31

.net C# 使用Epplus库将Datatable导出到Excel合并首列

最近处理大量数据，需单独导出到首列名称一致的excel，Epplus免费，效率spire高，在Nuget添加Epplus。因为特殊原因，不能使用数据库，只能由数据源导出到excel；最终处理39万行输出到单独的excel文件时间2分钟。一、EPPlus 基础介绍 EPPlus 是一个开源的 .NET 库（适用…...

编程日记 2025/8/20 23:03:34

【gpt生成-总览】怎样才算开发了一门编程语言，需要通过什么测试

开发一门真正的编程语言需要经历完整的设计、实现和验证过程，并通过系统的测试体系验证其完备性。以下是分阶段开发标准及测试方法： 一、语言开发核心阶段 1. 语言规范设计（ISO/IEC 标准级别） 语法规范：BNF/…...

编程日记 2025/8/19 13:17:49

网络417 路由转发2 防火墙

路由器临时开启路由转发功能查看节点a网关ip 节点b网关 1.开启路由器路由转发功能。 2.配置到节点a 节点b的网络。节点a因为和节点b不在同一网段，计划通过网关直达网关就是中间节点路由器的ip地址再Ping另一个计划节点bping节点c ping不通是因为修改了…...

编程日记 2025/8/21 17:34:52

HttpSessionAttributeListener 的用法笔记250417

HttpSessionAttributeListener 的用法笔记250417 以下是关于 HttpSessionAttributeListener 的用法详解，涵盖核心方法、应用场景、实现步骤及关键注意事项，帮助您有效监听会话（HttpSession）中属性的动态变化： 1. 核心功…...

编程日记 2025/8/18 22:30:14

Spring Boot 实现 Excel 导出功能（支持前端下载 + 文件流）

🧠 一、为什么用 EasyExcel？ 在 Java 开发中，操作 Excel 的框架主要有： Apache POI（经典但慢、内存占用大） JXL（老旧不维护） Alibaba EasyExcel（阿里出品，…...

编程日记 2025/8/17 20:23:55

Java动态批量生成logback日志文件

应用场景举个例子： 当我一个服务需要启动n个端口，来监听n个来源的数据，并且处理数据逻辑一致；但是我想要它们的日志分开文件夹来打印，从而更好的分析问题，那么就可以用我下面提供的模版了； 动态…...

编程日记 2025/8/20 9:07:26

从原理到实践：NFS复杂故障处理方法论

#作者：孙德新文章目录一、nfs使用概述二、疑难故障现象描述三、原理分析四、解决方案五、优化服务器资源配置：六、故障案例总结七、故障预防建议八、nfs优化方法一、nfs使用概述 NFS（Network File System）是一种分布式文件系…...

编程日记 2025/8/17 21:42:11

SAP FI固定资产报错：在折旧范围 30 中的业务与帐面净值规则冲突 - 解决方法

一、问题描述消息号 AA660 诊断由于和在区域30中检查的净帐面价值规则相反，不能过帐该凭证。过程当输入比例值时会出现此错误。比例值超过过帐金额，如 100 的后续资本化，但该金额的比例折旧为 110。请检查输入项并做需要的更正。二、…...

编程日记 2025/8/18 20:38:09

Go语言从零构建SQL数据库(8)：执行计划的奥秘

从SQL语句到高效查询：执行计划的奥秘想象你是一位旅行者，想从北京到上海。你告诉导航软件你的目的地（类似SQL查询），但导航软件需要为你规划具体路线——是走高速公路还是国道？是选择最短距离还是最省时间…...

编程日记 2025/8/20 13:24:12

UNet 改进(12)：UNet with ECA (Efficient Channel Attention) 网络

详解下面将详细解析这个实现了ECA注意力机制的UNet网络代码。 1. 代码概述代码实现了一个带有Efficient Channel Attention (ECA)模块的UNet网络架构。 UNet是一种常用于图像分割任务的编码器-解码器结构网络，而ECA模块则是一种轻量级的通道注意力机制，可以增强网络对重…...

编程日记 2025/8/21 17:36:30

关于 AI驱动的智慧家居、智慧城市、智慧交通、智慧医疗和智慧生活的详细解析，涵盖其定义、核心技术、应用场景、典型案例及未来趋势

以下是关于 AI驱动的智慧家居、智慧城市、智慧交通、智慧医疗和智慧生活的详细解析，涵盖其定义、核心技术、应用场景、典型案例及未来趋势： 一、AI智慧家居 1. 定义与核心功能定义：通过AI与物联网（IoT）技术&#…...

编程日记 2025/8/21 17:34:51

Windows11-24h2的任务栏时间显示秒笔记250417

Windows11-24h2的任务栏时间显示秒笔记250417 打开注册表编辑器 WinR输入 regedit 回车。修改注册表项定位到路径： HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced右键右侧空白处 → 新建【DWORD (32位)值】→ 命名为 ShowSec…...

编程日记 2025/8/19 16:50:48

机器学习的简单应用

什么是机器学习？ 定义： ‌机器学习（Machine Learning, ML）‌ 是人工智能（AI）的一个子领域，其核心是 ‌通过算法让计算机从数据中自动学习规律，并基于这些规律对新数据做出预测或决策…...

编程日记 2025/8/17 20:36:28

双 Token 与单 Token 优缺点

双Token与单Token认证机制对比在Web应用开发中，身份认证和授权是保障系统安全的核心环节。随着技术演进，基于Token的认证机制逐渐取代传统Session方案，而双Token与单Token架构的选型争议也日益成为开发者关注的焦点。本文将从技术原理、优缺…...

编程日记 2025/8/17 20:28:55

第五章 SQLite数据库：6、SQLite 常用语法1

SQLite Insert 语句 SQLite 的 INSERT INTO 语句用于向数据库的某个表中添加新的数据行。语法 INSERT INTO 语句有两种基本语法，如下所示： INSERT INTO TABLE_NAME [(column1, column2, column3,...columnN)] VALUES (value1, value2, value3,...…...

编程日记 2025/8/16 18:49:07

JVM考古现场（二十二）：降维打击·用二向箔优化内存模型

"警报！三维堆内存正在经历二维化坍缩！" 我腰间的玄铁令突然震动，在蜀山剑派的量子剑阵中投射出诡异的曼德博分形——这是三体文明发动降维打击的铁证！ 楔子：二向箔奇点降临昆仑镜监控日志： // …...

编程日记 2025/8/17 8:52:50

eclipse常用快捷键

Eclipse 是一款功能强大的 Java 集成开发环境（IDE），熟练掌握其快捷键可以显著提高开发效率。下面是一些常用的 Eclipse 快捷键分类介绍： 编辑相关快捷键操作快捷键说明内容辅助Alt /调出代码提示和自动补全功能，根…...

编程日记 2025/8/21 2:34:17

TAS（Thin-Agent服务）的先决条件与安装指南

TAS（Thin-Agent服务）的先决条件与安装指南 2.1 支持的操作系统 TAS支持以下操作系统环境： Windows 服务器 • Windows Server 2008 R2 SP1 • Windows Server 2012 R2 • Windows Server 2016 Linux 发行版 • Red Hat Enterprise Linux (RHE…...

编程日记 2025/8/21 2:34:20

无线uniapp调试设备

创作灵感来自某篇博客 uniapp安卓手机无线真机调试教程_uniapp无线真机调试-CSDN博客...

编程日记 2025/8/17 18:21:55

TAS启动与卸载

3. 启动TAS（Thin-Agent服务） TAS在安装完成后通常会自动启动，并在系统重启时自启。如需手动启动，请按以下步骤操作：  3.1 在Windows上启动TAS 1. 打开 Windows服务管理器： ◦ 按下 Win R&…...

编程日记 2025/8/17 18:25:28

Oracle测试题目及笔记（多选）

所有题目来自于互联网搜索在以下概要文件的陈述中，哪两个是正确的？ （D 和 E） A． 概要文件不能被用来为账户加锁 B． 概要文件不能被用来控制资源使用 C． 数据库管理员可以使用概要文件更改用户密…...

编程日记 2025/8/21 0:31:45

定制化突围：遨游防爆手机的差异化竞争策略

在石油、化工、矿山等危险作业场景中，随着工业智能化与安全生产需求的升级，行业竞争逐渐从单一产品性能的比拼转向场景化解决方案的深度较量。遨游通讯以九重防爆标准为技术底座，融合多模稳控系统与全景前瞻架构，开辟出"千行…...

编程日记 2025/8/19 12:18:43

c#清理释放内存

虽然c#具有内存管理和垃圾回收机制，但是在arcobjects二次开发嵌入到arcgis data reviewet还会报内存错误。需要强制清理某变量内存方法如下: 1设置静态函数ReleaseCom函数 public static void ReleaseCom(object o) { try{System.Runtime.InteropServices.Marsh…...

编程日记 2025/8/20 13:09:58

从入门到精通【MySQL】 JDBC

文章目录 📕1. 什么是JDBC📕2. JDBC的使用原理📕3. 使用JDBC具体步骤✏️3.1 标题获取MySQL驱动包并修改pom.xml文件✏️3.2 建立数据库连接✏️3.3 创建Statement✏️3.4 执行SQL语句✏️3.5 处理返回结果✏️3.6 释放资源和关闭连接 &#…...

编程日记 2025/8/20 17:58:24

Sigfox技术｜独特的运营模式 + 超窄带技术 + 非授权频谱

在物联网（IoT）通信技术的快速发展中，低功耗广域网（LPWAN）成为了推动智能设备连接的重要基础技术之一。作为LPWAN中的一种专有通信协议，Sigfox以其低功耗和广覆盖的特点脱颖而出，在物联网应用中占…...

编程日记 2025/8/17 18:26:53

【Dify 前端源码解读系列】MDX 让 API 文档焕发生机

什么是 MDX？ MDX 是一种强大的文档格式，它允许在 Markdown 内容中使用 JSX。这意味着你可以在 Markdown 的简洁语法中嵌入交互式组件，使文档不再局限于静态内容。MDX 完美地将 Markdown 的简单与 JSX 的灵活性结合在一起，特别适合需要丰富交互体验的文档场景。 MDX 的优势…...

编程日记 2025/8/18 22:32:16

docker能用来干什么的

最近项目像简快部署docker，但是发现源被隔离，暂时先记下，以后有机会再研究。下面摘抄的网文网址如下：Docker能用来干什么的 ?_超级码客_海量程序员面试题库 | 笔试题库 | 面试求职考试神器 docker能用来干什么的 docker能用来做…...

编程日记 2025/8/21 12:20:57

dispaly: inline-flex 和 display: flex 的区别

display: inline-flex 和 display: flex 都是 CSS 中用于创建弹性盒子布局（Flexbox）的属性值，但它们之间有一些关键的区别，主要体现在元素如何在页面上被渲染和它们对周围元素的影响。主要区别 1，块级 vs 行内块级 d…...

编程日记 2025/8/17 18:26:15

AI Agent系列(九) -Data Agent（数据分析智能体）

AI Agent系列【九】前言一、Data Agent场景二、Data Agent核心因素2.1 数据源2.2 大模型2.3 应用及可视化三、Data Agent应用场景前言 Data Agent就是在大模型基础上构建一个数据分析的智能体，是一种基于人工智能技术，特别是大模型技术的数据分析智…...

编程日记 2025/8/17 16:46:16

【工具】视频翻译、配音、语音克隆于一体的一站式视频多语言转换工具~

Krillin AI 是全能型音视频本地化与增强解决工具。这款简约而强大的工具，集音视频翻译、配音、语音克隆于一身，支持横竖屏格式输出，确保在所有主流平台（哔哩哔哩，小红书，抖音，视频号&#xff0c…...

编程日记 2025/8/17 18:24:28

api护照查验-GO国内护照查验接口-身份安全卫士

在全球化浪潮汹涌的当下，跨境电子商务蓬勃发展，国际旅游持续升温，留学热潮也未曾减退。在这些跨越国界的活动背后，护照作为国际旅行的关键凭证，其真伪核验的重要性愈发凸显。护照查验接口，宛如一颗璀璨的新…...

编程日记 2025/8/19 5:21:01

在 Tailwind CSS 中优雅地隐藏滚动条

在开发中，我们经常需要隐藏滚动条但保持滚动功能，这在构建现代化的用户界面时很常见。本文将介绍两种在 Tailwind CSS 项目中实现这一目标的方法，方便同学们记录和查阅。方法一：使用 tailwind-scrollbar-hide 插件这是一种更…...

编程日记 2025/8/18 2:46:05

【C++】深入浅出之继承

目录继承的概念及定义继承的定义继承方式和访问限定符protected与private的区别默认继承方式继承类模板基类和派生类对象赋值兼容转换继承中的作⽤域(隐藏关系)相关面试题⭐ 派生类的默认成员函数⭐构造函数拷贝构造赋值重载析构函数继承与友元继承与静态成员继承的方式菱形…...

编程日记 2025/8/17 19:57:06

Linux软件仓库

Linux常见软件包类型： dbdDebian家族及Ubuntu等基于Debian的Linux操作系统所使用的软件包管理格式rpmRed Hat Linux、Fedora、openSUSE、Mandriva和Mageia等使用的标准软件包管理格式源代码软件包一般为“.tar.gz”、“.tar.bz2”等格式的压缩包包含程序的原始代码…...

编程日记 2025/8/17 18:27:20

Git创建分支操作指南

1. 创建新分支但不切换（仅创建） git branch <分支名>示例：创建一个名为 new-feature 的分支git branch new-feature2. 创建分支并立即切换到该分支 git checkout -b <分支名> # 传统方式 # 或 git switch -c <分支名&g…...

编程日记 2025/8/21 16:34:09

从基础概念到前沿应用了解机器学习

一、机器学习基础概念 1.机器学习定义与核心价值机器学习是人工智能的重要分支，通过算法让计算机系统能够从数据中自动学习并改进性能。其核心价值在于： 自动化决策：无需显式编程即可完成复杂任务持续进化：随着数据积累不断…...

编程日记 2025/8/17 5:59:37

跨平台嵌入式音视频开发指南：EasyRTC音视频通话的多场景适配与AI扩展能力

在数字化通信技术飞速发展的今天，实时音视频通信已成为众多智能设备和应用的核心功能。从智能家居到远程办公，从在线教育到智能安防，音视频通信技术的应用场景不断拓展，对低延迟、高稳定性和跨平台兼容性的需求也在持续增长。在这…...

编程日记 2025/8/17 6:12:45

停止回答 docker启动redis

在Docker中启动Redis服务器是一个相对直接的过程。下面是一些步骤和示例，帮助你在Docker容器中运行Redis。步骤 1: 安装Docker 确保你的系统上已经安装了Docker。你可以从Docker官网下载并安装Docker。步骤 2: 拉取Redis镜像首先，你需要从Docker Hu…...

编程日记 2025/8/17 18:22:00

2025年4月16日华为留学生笔试第二题200分

📌 点击直达笔试专栏 👉《大厂笔试突围》 💻 春秋招笔试突围在线OJ 👉 笔试突围OJ 02. 图书馆借阅管理系统问题描述卢小姐是一家大学图书馆的管理员，她需要开发一个简单的图书借阅管理系统来处理日常的图书流通操作。系统需要支持以下四种操作： in s：表示一本…...

编程日记 2025/8/17 19:05:49

0417 Langchain

Langchain就是，帮助大模型和外部计算、数据结合起来。 pip install langchain pip install langchain-openai 文档登录并获取LangSmish（监控）的API key： 根据AI框架：Langchain的环境和监控_哔哩哔哩_bilibili htt…...

编程日记 2025/8/19 17:46:21

SQL Server 游标介绍

SQL Server 游标是用于对查询结果集进行逐行处理的数据库对象。下面从基本概念、使用步骤、示例代码、优缺点等方面详细介绍： 基本概念游标提供了一种对从表中检索出的数据进行逐行操作的机制，它允许开发者在结果集中向前或向后移动，一次处…...

编程日记 2025/8/20 15:31:53

Linux：显示 -bash-4.2$ 问题（CentOS 7）

文章目录一、原因二、错误示例三、解决办法一、原因在 CentOS 7 系统中，如果你看到命令行提示符显示为 -bash-4.2$，一般是 Bash shell 正在运行，并且它没有找到用户的个人配置文件，或者这些文件有问题而未能成功加载。这个提示…...

编程日记 2025/8/19 10:18:03

小数点舍入，round与Decimal的区别

两者对中间值（5）的处理不同主要是精度问题表面上是2.675 但是实际上不一定是2.675。 from decimal import Decimal, ROUND_HALF_UPprint(f{2.675:.20f}) print(f"{Decimal(f{2.675}):.20f}")# 使用 Python 内置的 round 函数进行四舍五入 …...

编程日记 2025/8/17 1:56:30

【华为】OSPF震荡引起CPU占用率高怎么解决？

原创：厦门微思网络现象描述如图所示，Switch_1、Switch_2、Switch_3和Switch_4配置了OSPF协议，发现Switch_1设备的CPU占用率高，ROUT任务占用率明显高于其他任务并且产生路由震荡。故障组网图原因分析网络中IP地址冲突导致…...

编程日记 2025/8/17 18:25:20

2025年4月16日华为留学生笔试第三题300分

📌 点击直达笔试专栏 👉《大厂笔试突围》 💻 春秋招笔试突围在线OJ 👉 笔试突围OJ 03. 智慧城市网络优化问题描述 K小姐是一家智慧城市服务提供商的网络架构师。她负责规划城市边缘计算节点的布局，以提供更快速、稳定的网络服务。城市内有 n n...

编程日记 2025/8/17 18:24:35

禁用USB接口的电脑管理软件推荐

软件介绍还在为同事随意插U盘拷贝文件而头疼？这款「USB守门员」堪称办公室数据防泄漏神器！不到100KB的迷你体积，却能让你瞬间掌控电脑的USB权限，操作简单到连小白都能秒变“技术大佬”！ 禁用/启用，一键掌…...

编程日记 2025/8/17 21:37:00

FreeRTOS任务创建和删除简要概述

任务创建函数原型：xTaskCreate()是创建任务的主要函数，其原型通常如下： BaseType_t xTaskCreate(TaskFunction_t pxTaskCode,const char * const pcName,const uint16_t usStackDepth,void * const pvParameters,UBaseType_t uxPriority,T…...

编程日记 2025/8/19 12:51:02

【C++初阶】第14课—缝合怪deque和优先队列、仿函数

文章目录 1. 双端队列deque1.1 认识deque1.2 deque的迭代器1.3 deque的常用接口1.4 deque的优缺点 2. 优先队列priority_queue2.1 认识priority_queue2.2 模拟实现优先队列priority_queue 3. 仿函数在学习deque之前，回顾一下vector和list各自的优缺点数据结构优点…...

编程日记 2025/8/20 16:15:04

通过helm在k8s中安装mysql 8.0.37

使用 Helm 在 Kubernetes 中安装 MySQL 8.0.37 是一个相对简单的过程。以下是详细步骤： 下载helm包 #添加 Helm 仓库 helm repo add bitnami https://charts.bitnami.com/bitnami#搜索mysql helm search repo mysql --versions NAME CHAR…...

编程日记 2025/8/21 17:22:58