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

Java操作Xml

news 来源：原创 2025/5/17 20:12:52

一、数据准备

1、文件头实体类

package com.xiaobai.xmlpractice;import lombok.AllArgsConstructor;
import lombok.Data;/*** @Author 王天文* @Date 2024/12/18 21:46* @Description: xml头*/
@AllArgsConstructor
@Data
public class Head {private String desc;private String name;private String id;
}

2、人员信息实体类

package com.xiaobai.xmlpractice;import lombok.AllArgsConstructor;
import lombok.Data;/*** @Author 王天文* @Date 2024/12/18 20:41* @Description:*/
@AllArgsConstructor
@Data
public class Person {private Integer id;private String name;private Integer age;private String sex;private String account;private String profession;
}

二、使用org.w3c.dom操作xml

1、创建xml

（1）创建document对象

    /*** 创建document对象* @return* @throws Exception*/public Document createDoc() throws Exception {// 创建一个新的Document对象DocumentBuilderFactory dbFactory = DocumentBuilderFactory.newInstance();DocumentBuilder dBuilder = dbFactory.newDocumentBuilder();Document doc = dBuilder.newDocument();return doc;}

（2）添加子节点

    /*** 添加子节点* @param doc document对象* @param parentElement 上级节点* @param tagName 标签名称* @param value 标签值*/public void addElement(Document doc, Element parentElement, String tagName, String value) {Element element = doc.createElement(tagName);element.appendChild(doc.createTextNode(value));parentElement.appendChild(element);}

（3）根据数据生成xml字符串

    public String createXmlStr() throws Exception {// 创建一个新的Document对象Document doc = createDoc();// 根结点Element root = doc.createElement("root");doc.appendChild(root);// 数据头Element headElement = doc.createElement("head");headElement.appendChild(doc.createTextNode("人员信息"));root.appendChild(headElement);// 数据结点Element bodyElement = doc.createElement("body");root.appendChild(bodyElement);addData(doc, bodyElement);// 设置Transformer并指定XML声明头部TransformerFactory transformerFactory = TransformerFactory.newInstance();Transformer transformer = transformerFactory.newTransformer();transformer.setOutputProperty(OutputKeys.VERSION, "1.0");transformer.setOutputProperty(OutputKeys.ENCODING, "ISO-8859-1");// 生成XML字符串DOMSource source = new DOMSource(doc);StringWriter writer = new StringWriter();StreamResult stringResult = new StreamResult(writer);transformer.transform(source, stringResult);// xml字符串String xmlContent = writer.toString();return xmlContent;}// 添加数据public void addData(Document doc, Element parentElement) {Person person = new Person(1, "张三", 29, "男", "zhangsan", "程序员");addElement(doc, parentElement, "id", String.valueOf(person.getId()));addElement(doc, parentElement, "name", person.getName());addElement(doc, parentElement, "age", String.valueOf(person.getAge()));addElement(doc, parentElement, "account", person.getAccount());addElement(doc, parentElement, "profession", person.getProfession());}

（4）测试

    @Testpublic void testCreate() throws Exception {String xmlStr = createXmlStr();log.info(xmlStr);}

输出：

16:39:24.426 [main] INFO com.xiaobai.xmlpractice.W3CDocTest - <?xml version="1.0" encoding="ISO-8859-1"?><root><head>人员信息</head><body><id>1</id><name>张三</name><age>29</age><account>zhangsan</account><profession>程序员</profession></body></root>

2、解析xml字符串

    @Testpublic void testParseXml() throws Exception {String xmlContent = createXmlStr();// 解析xml字符串DocumentBuilderFactory analyzeBuilderFactory = DocumentBuilderFactory.newInstance();DocumentBuilder analyzeBuilder = analyzeBuilderFactory.newDocumentBuilder();// 字符串转换成document对象Document document = analyzeBuilder.parse(new InputSource(new StringReader(xmlContent)));NodeList idNodeList = document.getElementsByTagName("name");String nodeValue = idNodeList.item(0).getChildNodes().item(0).getNodeValue();log.info(nodeValue);}

输出：

16:41:06.619 [main] INFO com.xiaobai.xmlpractice.W3CDocTest - 张三

三、使用dom4j操作xml

1、添加依赖

		<dependency><groupId>dom4j</groupId><artifactId>dom4j</artifactId><version>1.6.1</version></dependency><dependency><groupId>jaxen</groupId><artifactId>jaxen</artifactId><version>1.1.1</version></dependency>

2、创建xml

（1）示例代码

    public String createXmlStr() {Document document = DocumentHelper.createDocument();// 根节点Element rootElement = document.addElement("root");/*添加数据头*/// head节点Element headElement = rootElement.addElement("head");Head head = new Head("请求报文头", "技术有限公司", "1");// 添加desc子节点headElement.addElement("desc").addText(head.getDesc());// 添加name子节点headElement.addElement("name").addText(head.getName());// 添加id子节点headElement.addElement("id").addText(head.getId());// 创建data节点Element bodyElement = rootElement.addElement("data");// 添加数据信息Element infoElement = bodyElement.addElement("info");infoElement.addElement("id").addText("00001");infoElement.addElement("name").addText("张三");infoElement.addElement("age").addText("29");// 设置xml编码document.setXMLEncoding("ISO-8859-1");return document.asXML();}

（2）测试方法

    @Testpublic void createTest() {String xmlStr = createXmlStr();log.info(xmlStr);}

输出：

16:42:53.724 [main] INFO com.xiaobai.xmlpractice.Dom4jTest - <?xml version="1.0" encoding="ISO-8859-1"?>
<root><head><desc>请求报文头</desc><name>技术有限公司</name><id>1</id></head><data><info><id>00001</id><name>张三</name><age>29</age></info></data></root>

3、解析xml

    @Testpublic void parseTest() throws Exception {String xmlStr = createXmlStr();Document document = DocumentHelper.parseText(xmlStr);// 获取根节点Element rootElement = document.getRootElement();// 获取data节点List<Element> dataElements = rootElement.elements("data");Element dataElement = dataElements.get(0);// 获取info节点List<Element> infoElements = dataElement.elements("info");Element infoElement = infoElements.get(0);// 获取name节点Element nameElement = infoElement.element("name");log.info(nameElement.getText());}

输出：

16:45:19.682 [main] INFO com.xiaobai.xmlpractice.Dom4jTest - 张三

Java操作Xml

一、数据准备 1、文件头实体类 package com.xiaobai.xmlpractice;import lombok.AllArgsConstructor; import lombok.Data;/*** Author 王天文* Date 2024/12/18 21:46* Description: xml头*/ AllArgsConstructor Data public class Head {private String desc;private Strin…...

编程日记 2025/5/17 20:12:52

CI/CD是什么？

CI/CD 定义 CI/CD 代表持续集成和持续部署（或持续交付）。它是一套实践和工具，旨在通过自动化构建、测试和部署来改进软件开发流程，使您能够更快、更可靠地交付代码更改。持续集成 (CI)：在共享存储库中自动构建、测试…...

编程日记 2025/5/16 17:33:39

某些iphone手机录音获取流stream延迟问题以及录音一次第二次不录音问题

一些型号的iphone手机录音获取流stream延迟问题以及录音一次第二次不录音问题延迟问题 navigator.mediaDevices.getUserMedia({ audio: true }) .then((stream) > {console.log(stream) }）从开始到获取stream会有将近2s的延迟导致按下按钮开始录音会有前…...

编程日记 2025/5/15 9:41:41

基础优化方法

梯度下降学习率代表每一次沿着这个方向走多远， batchsize的概念梯度下降通过不断沿着反梯度方向更新参数求解两个重要的超参数是 batchsize 和学习率...

编程日记 2025/5/17 20:09:02

linux系统上SQLPLUS的重“大”发现

SQL plus版本： [oraclepg-xc2 ~]$ sqlplus -v SQL*Plus: Release 19.0.0.0.0 - Production Version 19.3.0.0.0 操作系统：CentOS Linux 7 (Core) 数据库：Oracle 19c Version 19.3.0.0.0 同样的SQL脚本在windos CMD sqlplus 执行没问题。…...

编程日记 2025/5/15 11:12:19

【0x001F】HCI_Read_Clock_Offset命令详解

目录一、命令概述二、命令格式及参数说明 2.1. HCI_Read_Clock_Offset 命令格式 2.2. Connection_Handle 三、生成事件 3.1. HCI_Command_Status 事件 3.2. HCI_Read_Clock_Offset_Complete 事件四、命令执行流程 4.1. 命令发送阶段 4.2. 命令接收与初步反馈阶段 …...

编程日记 2025/5/13 1:31:14

UML（统一建模语言）及其图例使用指南

UML（统一建模语言）及其图例使用指南一、UML 介绍二、UML 图表1. 用例图（Use Case Diagram）2. 类图（Class Diagram）3. 对象图（Object Diagram）4. 序列图（Sequence Diagra…...

编程日记 2025/5/16 13:56:25

AI写标书工具：高效智能的标书撰写助手——标小兔

在现代商业竞争中，投标是许多企业获得项目的关键途径。而标书的质量直接影响中标的几率。传统的标书撰写过程繁琐，且容易出错，尤其是涉及到大量的数据整理、文字表达和排版工作，这些任务既费时又容易让人产生疲劳感。为了提升工作…...

编程日记 2025/5/17 15:46:11

计算机考研选西电还是成电？

谢邀~先来个总结：电子科技大学计算机综合实力优于西安电子科技大学，但是，二者计算机学硕考研难度没有太大差距，而且考试难度也同属于一个水平，成电性价比更高一些！推荐同学优先报考作为985的电子科技大学&a…...

编程日记 2025/5/14 10:27:20

全国青少年信息学奥林匹克竞赛（信奥赛）备考实战之循环结构（for循环语句）（一）

在C编程中，顺序结构和分支结构是两种基本的控制流结构，其中顺序结构是一种最简单、最基本的控制结构，即代码按照从上到下的顺序逐行执行，每个语句按照顺序执行，一条语句执行完再执行下一条语句，依次执行所有…...

编程日记 2025/5/13 10:07:54

【再谈设计模式】享元模式~对象共享的优化妙手

一、引言在软件开发过程中，我们常常面临着创建大量细粒度对象的情况，这可能会导致内存占用过高、性能下降等问题。享元模式（Flyweight Pattern）就像是一位空间管理大师，它能够在不影响功能的前提下，有效地…...

编程日记 2025/5/13 17:14:40

NestJS中使用nestjs-plugin-module实现插件系统

1. 安装依赖 npm install brewww/nestjs-plugin-module2. 定义插件接口首先，我们需要定义一个插件接口，这个接口定义了插件需要实现的方法。 hello/plugin.interface.ts export interface HelloServicePlugin {helloworld(): string;hello(name: st…...

编程日记 2025/5/16 8:02:52

jvm排查问题-实践追踪问题与思路--堆内堆外内存泄漏排查方针

概述排查问题的一般思路是：现象 ——> 直接原因 ——>根本原因。从问题现象出发，可以分为应用逻辑问题、资源使用问题、虚拟机异常：应用逻辑可能导致报错增加、死锁、程序退出等；资源问题主要集中在CPU上升和内存上升（OOM Kill）；虚拟机问题通常包括GC问题、进…...

编程日记 2025/5/17 13:30:10

Presence：Colyseus用于管理实时分布式数据的工具

Colyseus Presence 详细介绍 Presence 是 Colyseus 中用于管理实时分布式数据的一种工具。它主要用于在多房间、多服务器或分布式部署中实现玩家的实时在线状态、数据共享和通信。Presence 提供了一套简单的 API 来处理诸如在线玩家跟踪、分布式数据存储和发布/订阅模式等功能…...

编程日记 2025/5/16 17:25:03

梳理你的思路(从OOP到架构设计)_认识框架(Framework) 01

目录 1、是框架的核心要素编辑&i> 范例1： 范例2： 范例3： 1、 <E&I>是框架的核心要素在特定领域(Domain)里，将EIT造形的<E&I>部份有意义地组合起来，就成为框架(Framework)了。基本…...

编程日记 2025/5/16 21:49:40

【C++11】类型分类、引用折叠、完美转发

目录一、类型分类二、引用折叠三、完美转发一、类型分类 C11以后，进一步对类型进行了划分，右值被划分纯右值(pure value，简称prvalue)和将亡值 (expiring value，简称xvalue)。纯右值是指那些字面值常量或求值结果相当于…...

编程日记 2025/5/13 23:21:22

字节跳动Java开发面试题及参考答案（数据结构算法-手撕面试题）

怎么判断两个链表是否相交？怎么优化？判断两个链表是否相交可以采用多种方法。一种方法是使用双指针。首先分别遍历两个链表，得到两个链表的长度。然后让长链表的指针先走两个链表长度差的步数。之后，同时移动两个链表的指针，每次比较两个指针是否指向相同的节点。如果指…...

编程日记 2025/5/17 5:22:42

科汛网校KesionEDU CheckOrder SQL注入漏洞复现

0x01 产品简介科汛网校KesionEDU是KESION科汛开发的在线教育建站系统，支持在线直播教学、课程点播、录播授课等多种教学方式，满足不同场景下的教学需求。提供问答互动、学习点评、在线笔记等功能，增强学员与教师之间的互动交流。拥有在线考试系统，支持单选、多选、问答等…...

编程日记 2025/5/16 21:52:24

【ELK】ES单节点升级为集群模式--太细了！

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言准备工作1. 查看现状【单节点】2. 原节点改集群模式3. 改es配置文件，增加集群相关配置项4. *改docker映射的端口* 启动新节点5. docker-compose起一…...

编程日记 2025/5/17 14:31:08

Spring AOP是什么

目录谈谈自己对于 AOP 的了解 Spring AOP 和 AspectJ AOP 有什么区别? AOP 常见的通知类型有哪些? 多个切面的执行顺序如何控制? 谈谈自己对于 AOP 的了解 AOP(Aspect-Oriented Programming:面向切面编程)能够将那些与业务无关，却为业务模块所共同调用的逻辑…...

编程日记 2025/5/11 9:10:53

Ch9 形态学图像处理

Ch9 形态学图像处理 blog点此处！<--------- 四大算子相应性质。腐蚀、膨胀、开闭之间的含义、关系文章目录 Ch9 形态学图像处理预备知识(Preliminaries)膨胀和腐蚀(Dilation and Erosion)腐蚀膨胀膨胀与腐蚀的对偶关系开闭操作(Opening and Closing)开运算闭…...

编程日记 2025/5/17 9:25:22

epoll学习

epoll是1个服务端监听n个客户端的多路复用技术（通讯方式socket） epoll：（事件驱动）服务端通过管道通讯方式将有变化事件的客户端保存到1个队列 select/poll：（轮询驱动）服务端主动遍…...

编程日记 2025/5/16 3:52:44

《CS2》报错dxgi.dll缺失怎么办？《CS2》游戏提示dxgi.dll缺失要怎么解决？

一、dxgi.dll缺失的根源游戏安装问题：dxgi.dll文件是DirectX图形接口的一部分，如果游戏安装不完整或安装过程中出现问题，可能会导致该文件缺失。系统更新或配置变动：Windows操作系统的更新或某些系统配置的变动，有时…...

编程日记 2025/5/14 21:16:21

Python基础语法之元组

主页有列表，集合和字典的知识点（包含对应练习^V^） 关注我更新更多初学实例（下一个更新元组基础练习，然后集中更新一下C语言） 欢迎纠错元组一.元组的应用场景思考：如果想要存储多个数据&am…...

编程日记 2025/5/11 17:43:01

如何实现 MySQL 的读写分离？

面试题你们有没有做 MySQL 读写分离？如何实现 MySQL 的读写分离？MySQL 主从复制原理的是啥？如何解决 MySQL 主从同步的延时问题？ 面试官心理分析高并发这个阶段，肯定是需要做读写分离的，啥意思&#x…...

编程日记 2025/5/13 22:02:46

Vue.js框架：在线教育系统的安全性与稳定性

2.1系统开发使用的关键技术本系统在开发中选择B/S框架进行设计，语言采用Java，数据库采用Mysql，并在设计中加入VUE.js技术，本系统的运行环境为Idea。 2.2 VUE.js技术介绍 VUE.js是一个用来开发前台界面的JavaScript框架&#xff0…...

编程日记 2025/5/17 17:53:30

[python SQLAlchemy数据库操作入门]-11.面向对象方式操作股票数据

哈喽，大家好，我是木头左！通过ORM，开发者可以使用Python类来表示数据库表，从而使得数据库操作更加直观和易于维护。本文将介绍如何使用SQLAlchemy ORM来操作股票数据。安装 SQLAlchemy 需要安装SQLAlchemy库。可以使用pip命令进行安装： pip install sqlalchemy定义股票…...

编程日记 2025/5/16 21:03:55

Windows 11 中利用 WSL - Linux 虚拟环境部署 ChatTTS-Enhanced 项目教程

#工作记录在使用 Windows 系统尝试部署一些特定项目时，我们可能会遇到各种各样依赖包安装的问题。比如在 Windows 系统下，当我们想要在 Python 3.10 虚拟环境中，使用命令 “pip install resemble-enhance” 以及 “pip install WeTextProces…...

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

NPM老是无法install，timeout？npm install失败

NPM老是无法install，timeout？ 尝试一下如下操作一、更换国内源 npm config set registry https://registry.npmmirror.com npm install或指定源install npm install pkg --registry https://registry.npmmirror.com --legacy-peer-deps如下图二…...

编程日记 2025/5/17 8:04:06

音乐极客的新玩具：香橙派Zero3快速搭建Melody个人音乐平台

文章目录前言1. 添加镜像源2. 本地部署Melody3. 本地访问与使用演示4. 安装内网穿透5. 配置Melody公网地址6. 配置固定公网地址前言今天要给喜欢听音乐的朋友们介绍一个超酷的DIY项目，在香橙派Zero3上使用Melody搭建自己的个人在线音乐平台，并且借助…...

编程日记 2025/5/16 14:19:34

springboot3版本结合knife4j生成接口文档

1.概述 knife4j官网为：介绍 | Knife4j (xiaominfo.com)https://doc.xiaominfo.com/docs/introduction 初步了解的码友可以初步了解一下官网的如下几个模块： 其中在快速开始模块中，不同的springboot版本都有一个使用的案例demo如下图位置&am…...

编程日记 2025/5/12 8:57:09

广州大彩串口屏安卓/linux触摸屏四路CVBS输入实现同时显示！

一、适用范围适合广州大彩A40系列产品产品型号： 二、概述 CVBS只需要一条线缆即可完成视频信号的传输，具有兼容性强、使用简单、成本低廉等优点。典型分辨率为720x480（NTSC制）或720x576（PAL制）。三、…...

编程日记 2025/5/8 20:44:16

pikachu靶场搭建详细步骤

一、靶场下载点我去下载二、靶场安装需要的环境： mysqlApaches（直接使用小皮面板Phpstudy：https://www.xp.cn/），启动他们设置网站，把靶场的路径对应过来对应数据库的信息由于没有核对数据库的信…...

编程日记 2025/5/14 8:11:23

Astherus 联手 PancakeSwap 推出 asCAKE，CAKE 最大化收益的最优解？

Astherus 是本轮市场周期中最具创新性的 DeFi 协议之一，其通过推出 AstherusEx 以及 AstherusEarn 两个产品，正在基于真实收益启动 DeFi 市场的增长，并成为加密投资者捕获收益的最佳协议。PancakeSwap 是 BNB Chain 上最大的 DEX，…...

编程日记 2025/5/12 1:59:51

JVM实战—2.JVM内存设置与对象分配流转

大纲 1.JVM内存划分的原理细节 2.对象在JVM内存中如何分配如何流转 3.部署线上系统时如何设置JVM内存大小 4.如何设置JVM堆内存大小 5.如何设置JVM栈内存与永久代大小 6.问题汇总 1.JVM内存划分的原理细节 (1)背景引入 (2)大部分对象的存活周期都是极短的 (3)少数对象…...

编程日记 2025/5/15 15:24:31

无问社区-无问AI模型

无问AI模型是无问社区新上线的一款AI功能，支持文本图像的输入，在文本理解能力、推理能力、视觉能力上相较于“社区助手”有了很大的提升。我们在预训练模型的技术上增加1.7亿token的训练数据进行强化训练使其具备更好的效果。更好的消息是我们准备了…...

编程日记 2025/5/17 17:19:45

【记录】列表自动滚动轮播功能实现

目录效果展示代码效果展示代码  <template><div class"page_body_item_body" mouseenter"stopScroll" mouseleave"scroll(false)"><ele-tableclass"eleTable":table-options"options"…...

编程日记 2025/5/12 18:00:36

前缀树介绍

数风流人物，还看今朝！ 前缀树 Trie（发音类似 "try"）或者说前缀树是一种树形数据结构，用于高效地存储和检索字符串数据集中的键。这一数据结构有相当多的应用情景，例如自动补全和拼写检查。前…...

编程日记 2025/5/14 1:12:48

Solon v3.0.5 发布！（Spring 可以退休了吗？）

Solon 框架！ 新一代，面向全场景的 Java 应用开发框架。从零开始构建（非 java-ee 架构），有灵活的接口规范与开放生态。追求： 更快、更小、更简单提倡： 克制、高效、开放、生态有什么特点&am…...

编程日记 2025/5/15 3:47:44

基础组件:

基础组件： RichText 富文本组件，解析并显示HTML格式文本。适用场景： RichText组件适用于加载与显示一段HTML字符串，且不需要对显示效果进行较多自定义的应用场景。RichText组件仅支持有限的通用属性和事件。具体见属性与事件…...

编程日记 2025/5/17 13:47:15

【LeetCode 面试经典150题】详细题解之滑动窗口篇

【LeetCode 面试经典150题】详细题解之滑动窗口篇 1 滑动窗口理论基础1.1 算法思想1.2 使用场景1.3 使用思路 2 209.长度最小的子数组2.1 题目分析2.2 算法步骤2.3 代码实现2.4 时间复杂度 3 3.无重复字符的最长字串3.1 题目分析3.2 算法步骤3.3 代码实现3.4 复杂度分析 4 30.串…...

编程日记 2025/5/17 3:33:57

【 CSS 】sass 扩展语言的安装

一、全局安装node-sass Sass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网 https://www.npmjs.com/package/node-sass NPM镜像_NPM下载地址_NPM安装教程-阿里巴巴开源镜像站注意：nodejs版本14以上，否则node-sass安装不成功 npm install -g mi…...

编程日记 2025/5/16 6:00:15

【Linux】Linux中用户信息相关的配置文件：/etc/passwd、/etc/group、/etc/shadow、/etc/sudoers

1 用户信息 1.1 /etc/passwd linux上用户的信息保存在/etc/passwd中，看文件名会以为这里保存的是用户密码，但实际上用户密码保存在另一个文件中。 /etc/passwd文件中每行保存一个用户的信息，例如： root:x:0:0:root:/root:/bin…...

编程日记 2025/5/14 8:20:22

electron-vite_18 设置系统音量loudness报错

loudness是一款控制系统音量输出的一款 Node.js 库；但是在electron-vite中直接使用编译的时候会报错；这个时候需要单独处理； 错误分析 error Error: spawn E:\xxx\out\main\adjust_get_current_system_volume_vista_plus.exe 查看编译后项目…...

编程日记 2025/5/16 15:13:26

springboot测试类里注入不成功且运行报错

目录出错信息原因出错信息写测试类的时候，一直说我注入不成功而且我运行的时候报错了 java.lang.IllegalStateException: Unable to find a SpringBootConfiguration, you need to use ContextConfiguration or SpringBootTest(classes...) with your te…...

编程日记 2025/5/14 17:13:44

Harmony 网络请求

Http数据请求 axios第三方网络请求工具 1.下载ohpm 2.安装axios 3.使用axios...

编程日记 2025/5/12 2:36:31

Webpack在Vue CLI中的应用

webpack 作为目前最流行的项目打包工具，被广泛使用于项目的构建和开发过程中，其实说它是打包工具有点大材小用了，我个人认为它是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安…...

编程日记 2025/5/6 21:26:01

docker-componse集群部署Tdengine3.3.2.0

一、centos7.5集群部署三台机器使用docker-componse进行部署 1、三台服务器分别配置host vim /etc/hosts 192.168.13.244 td.master 192.168.13.245 td.slave1 192.168.12.70 td.slave2 2、...

编程日记 2025/5/2 3:34:45

4.3 数据库HAVING语句

having子句要和group by子句联合起来才能使用，不能单独去使用，接下来咱们看一下为什么要引入having子句语法呢？引入having子句也是出于无奈，因为有些条件查询，用group by子句并不能满足要求，比如说查询部门…...

编程日记 2025/5/16 21:24:32

如何使用React，透传各类组件能力/属性？

在23年的时候，我主要使用的框架还是Vue，当时写了一篇“如何二次封装一个Vue3组件库？”的文章，里面涉及了一些如何使用Vue透传组件能力的方法。在我24年接触React之后，我发现这种扩展组件能力的方式有一个专门的术语&am…...

编程日记 2025/5/17 17:13:24