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

很啰嗦，再次总结 DOM

news 来源：原创 2025/8/7 5:19:28

DOM (文档对象模型) 详解

一、DOM 基础概念

1. 定义与作用

DOM（Document Object Model）即文档对象模型，是一种用于 HTML 和 XML 文档的编程接口。它将文档解析为一个由节点和对象组成的树状结构，允许程序和脚本动态访问、修改文档的内容、结构和样式。

2. 核心特点

树形结构：DOM 将文档表示为节点树，每个节点可以有子节点。
平台和语言无关：DOM 可以被任何编程语言访问，如 JavaScript、Python 等。
动态交互：通过 DOM，程序可以实时改变文档的内容和结构。

3. 节点类型

DOM 树中的节点主要分为以下几种类型：

元素节点（Element Node）：表示 HTML 元素，如 <div>、<p> 等。
文本节点（Text Node）：表示元素内的文本内容。
属性节点（Attribute Node）：表示元素的属性，如 id、class 等。
文档节点（Document Node）：表示整个文档，是 DOM 树的根节点。
注释节点（Comment Node）：表示 HTML 中的注释。

二、DOM 树结构

1. 节点关系

父节点（Parent Node）：每个节点（除根节点外）都有一个父节点。
子节点（Child Node）：一个节点可以有零个或多个子节点。
兄弟节点（Sibling Node）：共享同一个父节点的节点互为兄弟节点。
祖先节点（Ancestor Node）：父节点的父节点，依此类推。
后代节点（Descendant Node）：子节点的子节点，依此类推。

2. 示例 HTML 与 DOM 树

<!DOCTYPE html>
<html>
<head><title>DOM 示例</title>
</head>
<body><div id="container"><h1>Hello, DOM!</h1><p class="content">这是一个 <a href="#">DOM 示例</a>。</p></div>
</body>
</html>

对应的简化 DOM 树结构：

Document
└── html (Element)├── head (Element)│   └── title (Element)│       └── "DOM 示例" (Text)└── body (Element)└── div (Element, id="container")├── h1 (Element)│   └── "Hello, DOM!" (Text)└── p (Element, class="content")├── "这是一个 " (Text)└── a (Element, href="#")└── "DOM 示例" (Text)└── "。" (Text)

三、JavaScript 中的 DOM 操作

1. 访问 DOM 元素

通过 ID 访问

const element = document.getElementById('container');

通过标签名访问

const paragraphs = document.getElementsByTagName('p');
// 返回 HTMLCollection 对象

通过类名访问

const elements = document.getElementsByClassName('content');
// 返回 HTMLCollection 对象

通过选择器访问

const element = document.querySelector('#container p');
// 返回匹配的第一个元素const elements = document.querySelectorAll('p.content');
// 返回 NodeList 对象

2. 操作元素内容

修改文本内容

const heading = document.querySelector('h1');
heading.textContent = '新标题';

修改 HTML 内容

const container = document.getElementById('container');
container.innerHTML = '<p>新内容</p>';

3. 操作元素属性

获取属性值

const link = document.querySelector('a');
const href = link.getAttribute('href');

设置属性值

link.setAttribute('href', 'https://example.com');
link.setAttribute('target', '_blank');

直接访问属性

link.href = 'https://example.com';
link.target = '_blank';

4. 操作元素样式

内联样式

const element = document.getElementById('container');
element.style.backgroundColor = 'lightblue';
element.style.width = '500px';

类操作

element.classList.add('active');
element.classList.remove('hidden');
element.classList.toggle('highlight');

5. 创建和修改元素

创建新元素

const newDiv = document.createElement('div');
newDiv.textContent = '新创建的元素';

添加子元素

const parent = document.getElementById('container');
parent.appendChild(newDiv);

插入元素

const referenceElement = document.querySelector('p');
parent.insertBefore(newDiv, referenceElement);

删除元素

parent.removeChild(referenceElement);

替换元素

const newElement = document.createElement('span');
parent.replaceChild(newElement, referenceElement);

6. 事件处理

事件监听

const button = document.getElementById('myButton');
button.addEventListener('click', function() {alert('按钮被点击了！');
});

事件对象

button.addEventListener('click', function(event) {console.log('事件类型:', event.type);console.log('触发元素:', event.target);
});

事件冒泡与捕获

冒泡（Bubbling）：事件从触发元素向上传播到父元素。
捕获（Capturing）：事件从文档根向下传播到触发元素。

// 使用捕获阶段
element.addEventListener('click', function() {// ...
}, true);

阻止事件传播

event.stopPropagation();

阻止默认行为

event.preventDefault();

四、DOM 性能优化

1. 减少 DOM 操作

批量修改

// 低效
const list = document.getElementById('myList');
for (let i = 0; i < 1000; i++) {const item = document.createElement('li');item.textContent = `Item ${i}`;list.appendChild(item);
}// 高效
const fragment = document.createDocumentFragment();
for (let i = 0; i < 1000; i++) {const item = document.createElement('li');item.textContent = `Item ${i}`;fragment.appendChild(item);
}
list.appendChild(fragment);

2. 使用事件委托

// 为大量按钮添加事件
document.getElementById('buttonContainer').addEventListener('click', function(event) {if (event.target.tagName === 'BUTTON') {console.log('按钮被点击:', event.target.textContent);}
});

3. 缓存 DOM 引用

// 低效
for (let i = 0; i < 1000; i++) {document.getElementById('myElement').style.left = i + 'px';
}// 高效
const element = document.getElementById('myElement');
for (let i = 0; i < 1000; i++) {element.style.left = i + 'px';
}

4. 避免频繁重排和重绘

重排（Reflow）

当 DOM 的变化影响了元素的布局信息时，浏览器需要重新计算元素的布局，将其安放在界面中的正确位置。

重绘（Repaint）

当一个元素的外观发生改变，但没有影响到布局信息时，浏览器会将新样式应用到元素上。

优化建议

批量修改样式
使用 documentFragment
避免频繁读取布局信息
使用 transform 和 opacity 进行动画

五、DOM 与 XML

1. XML DOM

DOM 最初是为 XML 设计的，同样适用于 HTML。XML DOM 提供了与 HTML DOM 类似的 API 来操作 XML 文档。

2. XML 解析示例

const xmlText = '<book><title>JavaScript DOM</title><author>John Doe</author></book>';
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlText, 'text/xml');const title = xmlDoc.querySelector('title').textContent;
console.log('书名:', title);

六、DOM 标准

1. DOM 级别

DOM Level 1：1998 年发布，定义了基本的 DOM 结构和操作。
DOM Level 2：2000 年发布，增加了事件模型、样式、遍历和范围等模块。
DOM Level 3：2004 年发布，增加了文档验证、加载和保存等功能。
DOM Living Standard：W3C 持续更新的 DOM 标准。

2. DOM API 分类

核心 DOM：通用的 DOM 操作接口。
HTML DOM：专门针对 HTML 的扩展。
SVG DOM：针对 SVG 图形的扩展。
XML DOM：针对 XML 文档的扩展。

七、高级 DOM 技术

1. 节点遍历

const element = document.getElementById('container');
let node = element.firstChild;while (node) {console.log('节点类型:', node.nodeType);console.log('节点内容:', node.textContent);node = node.nextSibling;
}

2. 范围（Range）

const range = document.createRange();
range.selectNode(document.getElementById('myElement'));// 复制范围内容
const fragment = range.cloneContents();
document.body.appendChild(fragment);

3. Mutation Observer

监听 DOM 变化的现代 API。

const observer = new MutationObserver((mutations) => {mutations.forEach((mutation) => {console.log('DOM 变化类型:', mutation.type);});
});const options = {childList: true,attributes: true,subtree: true
};observer.observe(document.body, options);

八、DOM 与性能监控

1. 使用 Performance API

// 测量 DOM 操作时间
console.time('dom操作');// DOM 操作
const element = document.createElement('div');
document.body.appendChild(element);console.timeEnd('dom操作');

2. Chrome DevTools 性能分析

使用 Performance 面板记录和分析页面性能。
关注 Layout（重排）和 Paint（重绘）事件。

九、DOM 安全问题

1. XSS 攻击

恶意代码通过未过滤的用户输入注入到 DOM 中。
防范措施：对用户输入进行过滤和转义。

2. 安全编码实践

// 不安全
const userInput = '<script>alert("XSS");</script>';
document.getElementById('output').innerHTML = userInput;// 安全
const textNode = document.createTextNode(userInput);
document.getElementById('output').appendChild(textNode);

十、DOM 的未来发展

1. Web Components

使用 Shadow DOM 创建封装的组件。
减少全局命名空间污染。

2. 虚拟 DOM

React、Vue 等框架使用虚拟 DOM 提高性能。
减少直接操作真实 DOM 的频率。

通过深入理解 DOM，开发者可以更高效地操作网页内容，优化性能，并创建出交互性更强的 Web 应用。

很啰嗦，再次总结 DOM

DOM (文档对象模型) 详解一、DOM 基础概念 1. 定义与作用 DOM（Document Object Model）即文档对象模型，是一种用于 HTML 和 XML 文档的编程接口。它将文档解析为一个由节点和对象组成的树状结构，允许程序和脚本动态访问、修改文…...

编程日记 2025/8/7 5:19:28

文件读取漏洞路径与防御总结

文件读取漏洞路径与防御总结文件读取漏洞允许攻击者通过路径遍历等手段访问未授权的文件。以下是Linux和Windows系统中常见敏感路径的归纳及防御建议： Linux 系统常见敏感路径系统关键文件： /etc/passwd：用户账户信息（可被用来…...

编程日记 2025/8/7 5:18:47

电池的充放电电流中C的含义

充电电池的充放电电流标注为 -0.2C、1C、2C 等参数时，其含义与电池的容量和充放电速率直接相关。以下是详细解释： 1. 什么是 “C” 值？ • C 是电池的额定容量（Capacity） 的缩写，单位为 Ah（安时…...

编程日记 2025/8/1 1:48:31

文章记单词 | 第91篇（六级）

一，单词释义 stride /straɪd/- v. 大步走；跨越；迈进 /n. 大步；进展；步幅diplomatic /ˌdɪpləˈmtɪk/- adj. 外交的；有手腕的conquer /ˈkɒŋkə(r)/- v. 征服；战胜；克服geogra…...

编程日记 2025/8/5 8:08:44

Nginx应用场景详解与配置指南

1. 什么是Nginx？ Nginx（发音为"engine-x"）是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP代理服务器。它以高性能、稳定性、丰富的功能集、简单的配置和低资源消耗而闻名。 2. Nginx的主要应用场景 2.1 …...

编程日记 2025/8/4 9:22:55

✅ 1. 安装 Waydroid sudo apt update sudo apt install curl ca-certificates gnupg git -y curl -s https://repo.waydro.id | sudo bash sudo apt install waydroid -y sudo apt install dbus-x11✅ 2. 初始化 Waydroid 使用普通system版本： sudo waydroid in…...

编程日记 2025/8/7 5:18:47

设计模式 - 单例模式 - Tips

为什么双重检查会带来空指针异常问题？ if (instance null) { synchronized (Singleton.class) { if (instance null) { instance new Singleton(); } } …...

编程日记 2025/8/3 17:35:27

设计模式7大原则与UML类图详解

设计模式7大原则与UML类图详解引言 🌟 在软件工程领域，设计模式和UML（统一建模语言）是提高代码质量、增强系统可维护性的重要工具。设计模式提供了解决软件设计中常见问题的通用方案，而UML则为我们提供了一种可视化的…...

编程日记 2025/8/5 22:33:03

如何分析动态采样引起的计划不稳定 | OceanBase SQL 调优实践

这篇博客涉及两个知识点，一个是动态采样，另一个是 DAS 执行。用户的问题和相关结论我们看看用户在OceanBase 社区论坛发帖中提出的疑问及其所得出的结论。问题：收集统计信息之前，为什么会出现计划不稳定的情况？ …...

编程日记 2025/8/4 1:42:26

NY321NY322美光闪存芯片NY323NY336

NY321NY322美光闪存芯片NY323NY336 在存储技术飞速发展的今天，美光科技的闪存芯片凭借其创新架构与高性能表现，已成为工业自动化、智能终端等领域的核心组件。本文将围绕技术解析、产品评测、行业趋势、应用案例及市场动态五大维度，深入探讨…...

编程日记 2025/8/6 15:56:53

HMDB51数据集划分

生成训练集、验证集和测试集每个split文件应该包含： 训练集(id1): 70个视频测试集(id2): 30个视频未使用(id0): 剩余视频这是一个70/30的训练/测试分割比例。标记为0的视频被排除在当前实验之外。实际上训练集（id1），验证集&am…...

编程日记 2025/8/1 13:54:39

25、DeepSeek-R1论文笔记

DeepSeek-R1论文笔记 1、研究背景与核心目标2、核心模型与技术路线3、蒸馏技术与小模型优化4、训练过程简介5、COT思维链（Chain of Thought）6、强化学习算法（GRPO）7、冷启动**1. 冷启动的目的****2. 冷启动的实现步骤****3. 冷启动…...

编程日记 2025/8/6 20:38:27

CodeBuddy 打造响应式测试平台：ScreenLab 的诞生记

我正在参加CodeBuddy「首席试玩官」内容创作大赛，本文所使用的 CodeBuddy 免费下载链接：腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴开发工具：CodeBuddy（AI 代码伙伴） 技术栈：Vue3 Vite 原生 CSS…...

编程日记 2025/7/28 9:23:59

STM32实战指南：SG90舵机控制原理与代码详解

知识点1【SG90的简述】 SG90是一款微型舵机（Micro Servo），由TowerPro等厂商提供，广泛用于机器人，舵机云台，舵机控制教学等项目中。 1、基本参数 2、工作原理 SG90内部有电机，齿轮组&#xff…...

编程日记 2025/8/5 15:14:18

基于Spring Boot和Vue的在线考试系统架构设计与实现(源码+论文+部署讲解等)

源码项目获取联系请文末卡片dd我获取更详细的演示视频系统介绍基于Spring Boot和Vue的在线考试系统。为学生和教师/管理员提供一个高效、便捷的在线学习、考试及管理平台。系统采用前后端分离的架构，后端基于成熟稳定的Spring Boot框架，负责数据处理…...

编程日记 2025/8/4 16:20:49

开源RTOS（实时操作系统）：nuttx 编译

开源RTOS（实时操作系统）：nuttx 编译手册：Installing — NuttX latest documentation 源码：GitHub - apache/nuttx: Apache NuttX is a mature, real-time embedded operating system (RTOS) Installing The fir…...

编程日记 2025/8/6 12:38:07

C++学习：六个月从基础到就业——C++11/14：decltype关键字

C学习：六个月从基础到就业——C11/14：decltype关键字本文是我C学习之旅系列的第四十二篇技术文章，也是第三阶段"现代C特性"的第四篇，主要介绍C11/14中的decltype关键字。查看完整系列目录了解更多内容。引言在现代C…...

编程日记 2025/8/4 1:50:56

【51】快速获取数码管段选表（含小数点）及字母表的工具（分享）

1 介绍 1.1 画面 1.2 用法输入IO口和段码字母的映射关系，比如这里e4d5dp2，指的是bit4是e段，bit5是d段，bit2是小数点dp段。然后选择有效电平（1表示亮 or 0表示亮）。点击生成段码配置，即可得到…...

编程日记 2025/7/31 20:20:57

高频面试题（含笔试高频算法整理）基本总结回顾120

干货分享，感谢您的阅读！ （暂存篇---后续会删除，完整版和持续更新见高频面试题基本总结回顾（含笔试高频算法整理）） 备注：引用请标注出处，同时存在的问题请在相关博客留言…...

编程日记 2025/8/6 18:46:59

5月17日

这几天不知道为啥没更新。可能是玩得太疯了。或者是考试有点集中？？ 线性代数开课了，英语昨天完成了debate 昨天中午debate结束我们就出去玩了，去的那里时光民俗，别墅很好，770平米，但是缺点是可…...

编程日记 2025/8/4 1:33:56

摩方 12 代 N200 迷你主机（Ubuntu 系统）WiFi 抓包环境配置教程

摩方12代N200迷你主机标配 Intel AX201无线网卡，支持 WiFi 6 协议（802.11ax）及蓝牙5.2。此网卡兼容主流抓包工具，但需注意： 驱动兼容性：Ubuntu 20.04及以上内核版本（5.4）默认支持AX2…...

编程日记 2025/8/3 5:23:45

从零开始：使用 PyTorch 构建深度学习网络

从零开始：使用 PyTorch 构建深度学习网络目录 PyTorch 简介环境配置PyTorch 基础构建神经网络训练模型评估与测试案例实战：手写数字识别进阶技巧常见问题解答 PyTorch 简介 PyTorch 是一个开源的深度学习框架，由 Facebook（现…...

编程日记 2025/8/5 10:09:51

应用层自定义协议与序列化

应用层自定义协议与序列化应用层协议网络版计算器序列化和反序列化序列化反序列化重新理解read、write、recv、send和TCP为什么支持全双工代码结构Jsoncpp特性安装序列化使用Json::Value的toStyledString方法使用Json::StreamWriter使用Json::FastWriter 反序列化使用Json::R…...

编程日记 2025/8/2 21:39:50

2025春训第二十场

问题 B: 狗是啥呀题目描述在神秘的地狱深处，有着一种神秘的犬类生物，据传这种生物长了x个脑袋，并且具有强大的生命力。由于见过它的人全都下落不明，至今没有人知道它的真面目。一位勇士为了斩杀这奇怪的生物，来到地…...

编程日记 2025/8/4 12:12:22

分糖果--思维+while判断

1.从左到右只考虑右边一遍，再从右到左考虑左边一遍，相当于左右考虑了 2.然后关键是1遍不一定行，while循环直到成功 https://www.luogu.com.cn/problem/B4091 #include<bits/stdc.h> using namespace std; #define N 100011 typedef …...

编程日记 2025/8/3 20:02:45

[system-design] ByteByteGo_Note Summary

目录通信协议 REST API 与 GraphQL gRPC 如何工作？ 什么是Webhook？ 如何提高应用程序接口的性能？ HTTP 1.0 -> HTTP 1.1 -> HTTP 2.0 -> HTTP 3.0 (QUIC) SOAP vs REST vs GraphQL vs RPC 代码优先与应用程序接口优先 HTT…...

编程日记 2025/8/2 20:03:09

Flask项目实践：构建功能完善的博客系统（含评论与标签功能）

引言在Python Web开发领域，Flask以其轻量级、灵活性和易用性赢得了众多开发者的青睐。本文将带您从零开始构建一个功能完善的博客系统，包含文章发布、评论互动和标签分类等核心功能。通过这个实战项目，您不仅能掌握Flask的核心技术&#xf…...

编程日记 2025/8/1 8:39:59

Python爬虫实战：获取1688商品信息

在电商领域，获取1688商品信息对于市场分析、竞品研究、用户体验优化等至关重要。1688作为国内领先的B2B电商平台，提供了丰富的商品资源。通过Python爬虫技术，我们可以高效地获取1688商品的详细信息，包括商品名称、价格、图片、描述…...

编程日记 2025/8/3 18:24:55

Canva 推出自有应用生成器以与 Bolt 和 Lovable 竞争

AI 目前是一个巨大的市场，每个人都想从中分一杯羹。即使是 Canva，这个以拖放图形设计而闻名的流行设计平台，也在其 Canva Create 2025 活动中发布了自己版本的代码生成器，加入了 AI 竞赛。但为什么一个以设计为先的平台会提供代码生成工具呢？乍看之下，这似乎有些不…...

编程日记 2025/8/5 4:15:46

多平台屏幕江湖生存指南

UniApp 屏幕适配大师：多平台屏幕江湖生存指南屏幕江湖：尺寸混战屏幕适配就像是应对不同体型的客人：从迷你的手机屏，到标准的平板，再到巨大的电视屏幕，你的应用必须有如武林高手般的适应力。 ┌──────────────────────────────────…...

编程日记 2025/8/3 15:13:36

BootCDN介绍（Bootstrap主导的前端开源项目免费CDN加速服务）

文章目录 BootCDN前端开源项目CDN加速服务全解析什么是BootCDN技术原理与架构CDN技术基础BootCDN架构特点1. 全球分布式节点网络2. 智能DNS解析系统3. 高效缓存管理机制4. 自动同步更新机制5. HTTPS和HTTP/2协议支持 BootCDN的核心优势速度与稳定性开源免费资源丰富度技术规范遵…...

编程日记 2025/8/2 21:08:38

LeetCode 153. 寻找旋转排序数组中的最小值：二分查找法详解及高频疑问解析

文章目录问题描述算法思路：二分查找法关键步骤代码实现代码解释高频疑问解答1. 为什么循环条件是 left < right 而不是 left < right？2. 为什么比较 nums[mid] > nums[right] 而不是 nums[left] < nums[mid]？3. 为什么 right …...

编程日记 2025/8/2 17:08:24

刷leetcodehot100返航版--二叉树

二叉树理论基础二叉树的种类满二叉树和完全二叉树，二叉树搜索树满二叉树如果一棵二叉树只有度为0的结点和度为2的结点，并且度为0的结点在同一层上，则这棵二叉树为满二叉树。节点个数2^n-1【n为树的深度】完全二叉树在完全二叉树…...

编程日记 2025/8/1 17:53:01

「Mac畅玩AIGC与多模态41」开发篇36 - 用 ArkTS 构建聚合搜索前端页面

一、概述本篇基于上一节 Python 实现的双通道搜索服务（聚合 SearxNG 本地知识库），构建一个完整的 HarmonyOS ArkTS 前端页面。用户可在输入框中输入关键词，实时查询本地服务 http://localhost:5001/search?q...，返…...

编程日记 2025/8/2 22:49:58

【LINUX操作系统】生产者消费者模型（下）：封装、信号量与环形队列

1.封装、完善基于阻塞队列的productor-consumer module 前文中我们封装了自己的Mutex 【LINUX操作系统】线程同步与互斥-CSDN博客按照老规矩，现在我们对同步与互斥的理解更进一步了，现在把这种面向过程的语言封装成面向对象的写法 1.1 封装条件变量 #p…...

编程日记 2025/7/27 22:02:15

项目管理学习-CSPM-4考试总结

前言经过两个月左右时间的学习，今天（2025年5月17日）参加了CSPM-4的考试，仿佛回到了2011年参加软考高项的时候。中午12点考完出来后，手都是酸酸的。不过整体感觉还可以，和预想的差不多。CSPM-4的考试一共有…...

编程日记 2025/8/4 5:14:42

自己手写tomcat项目

一：Servlet的原理在Servlet(接口中)有： 1.init():初始化servlet 2.getServletConfig()：获取当前servlet的配置信息 3.service():服务器（在HttpServlet中实现，目的是为了更好的匹配http的请求方式） 4.g…...

编程日记 2025/8/6 5:17:15

C语言—再学习（结构体）

一、建立结构体用户自己建立由不同类型数据组成的组合型的数据结构，它称为结构体。 struct Student { int num; //学号char name[20]; //名字为字符串char sex; //性别int age; //年纪float score; //分数char addr[30]; 地址为字符…...

编程日记 2025/8/2 16:26:43

SpringBoot--自动配置原理详解

为什么要学习自动配置原理？ 原因：在实际开发中，我们经常会定义一些公共的组件，提供各个团队来使用，为了使用方便，我们经常会将公共的组件自定义成starter，如果想自定义starter，必须…...

编程日记 2025/8/4 21:23:37

MiInsertPageInFreeList函数分析和MmFreePagesByColor数组的关系

第一部分： Color MI_GET_COLOR_FROM_LIST_ENTRY(PageFrameIndex, Pfn1); ColorHead &MmFreePagesByColor[ListName][Color]; 第二部分： #define MI_GET_COLOR_FROM_LIST_ENTRY(index,pfn) \ ((ULONG)(((pfn)->…...

编程日记 2025/8/5 2:59:59

Windows/MacOS WebStorm/IDEA 中开发 Uni-App 配置

文章目录前言1. 安装 HBuilder X2. WebStorm/IDEA 安装 Uniapp Tool 插件3. 配置 Uniapp Tool 插件4. 运行 Uni-App 项目前言前端开发人员对 WebStorm 一定不陌生，但有时需要开发 Uni-App 的需求，就必须要采用 HBuilder X，如果不习惯 HBu…...

编程日记 2025/8/6 6:58:15

redisson分布式锁实现原理归纳总结

Redisson 分布式锁的实现原理主要依赖于 Redis 的 Hash 数据结构、Lua 脚本、发布订阅机制以及看门狗（Watchdog）机制，以下是核心要点总结： 1. 核心原理 • 互斥性与可重入性： 通过 Redis 的 Hash 数据结构保存锁的持…...

编程日记 2025/8/2 13:28:28

Ubuntu 添加系统调用

实验内容通过内核编译法添加一个不用传递参数的系统调用，其功能可自定义。 （1）添加系统调用号，系统会根据这个号找到syscall_table中的相应表项。具体做法是在syscall_64.tbl文件中添加系统调用号和调用函数的对应关系。 &#…...

编程日记 2025/8/1 16:57:37

Olib 2.2.0 | 免费开源软件，无需注册登录即可从ZLibrary下载多语言电子书

Olib是一款专为书籍爱好者设计的免费开源软件，它允许用户无需注册或登录即可从ZLibrary高速下载各种语言的电子书。该软件支持上百种语言的电子书下载，非常适合需要多语言资源的读者和研究人员使用。Olib的操作界面非常直观，使得书籍的搜索与…...

编程日记 2025/8/6 6:58:08

c++动态链接库

1. 生成动态链接库首先实现一个动态链接库的代码 // example.cpp #include <iostream> void sayHello() {std::cout << "Hello from shared library!" << std::endl; }int add(int a, int b) {return a b; }// example.h #pragma once void sa…...

编程日记 2025/8/2 13:28:24

HelloWorld

HelloWorld 新建一个java文件文件后缀名为 .javahello.java【注意】系统可能没有显示文件后缀名，我们需要手动打开编写代码 public class hello {public static void main(String[] args) {System.out.print(Hello,World)} }编译 javac java文件，会生…...

编程日记 2025/8/3 1:50:02

SVGPlay：一次 CodeBuddy 主动构建的动画工具之旅

我正在参加CodeBuddy「首席试玩官」内容创作大赛，本文所使用的 CodeBuddy 免费下载链接：腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴背景与想法我一直对 SVG 图标的动画处理有浓厚兴趣，特别是描边、渐变、交互等效果能为图标增添许…...

编程日记 2025/8/6 5:17:03

SLAM定位常用地图对比示例

序号地图类型概述 1 格栅地图将现实环境栅格化，每一个栅格用 0 和 1 分别表示空闲和占据状态，初始化为未知状态 0.5 2 特征地图以点、线、面等几何特征来描绘周围环境，将采集的信息进行筛选和提取得到关键几何特征 3 拓扑地图将重要部分抽象为地图，使用简单的图形表示…...

编程日记 2025/8/3 9:07:23

强化学习中，frames（帧）和 episodes（回合）

在强化学习中，frames（帧）和 episodes（回合）是两个不同的概念： 1. 定义差异 Frame（帧）： 表示智能体与环境交互的单个时间步（step），例如…...

编程日记 2025/8/2 13:35:24

HCIP第六次作业

一、拓扑图二、需求 1、使用PreVal策略，确保R4通过R2到达192.168.10.0/24 2、使用AS_Path策略，确保R4通过R3到达192.168.11.0/24 3、配置MED策略，确保R4通过R3到达192.168.12.0/24 4、使用Local Preference策略，确保R1通过R2…...

编程日记 2025/8/2 5:10:23