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

Javascript：WebAPI

news 来源：原创 2025/6/15 13:27:08

获取网页元素

queryselector

queryselector是 JavaScript 中用于选择 DOM 元素的重要方法，它允许使用 CSS 选择器语法来查找页面中的元素。

一般queryselector获取的元素都是html中第一个选择器的元素

支持选择器类型：类选择器(.class) ，id选择器(#class)，属性选择器[attribute]，伪类选择器(father:child)

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div>英雄联盟</div><br><div id="LOL">英雄联盟</div><br><div class="CF">穿越火线</div><br><div><div>我的世界</div></div><br></body>
<script>let NAME1=document.querySelector('div')let NAME2=document.querySelector('#LOL')let NAME3=document.querySelector('.CF')let NAME4=document.querySelector('div div')console.log(NAME1)console.log(NAME2)console.log(NAME3)console.log(NAME4)
</script>
</html>

演示结果

querySelectorAll

querySelector只能获取html中一个选择器标签，但是querySelectorAll可以获取全部的选择器标签

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div>英雄联盟</div><br><div>洛克王国</div><br><div>穿越火线</div><br><div>我的世界</div><br></body>
<script>let NAME1=document.querySelectorAll('div')console.log(NAME1)
</script>
</html>

演示结果

事件的认识

我们学习完了获取网页标签元素是为了更好的认识事件，当我们在操作网页的时候就是一种事件的发生，事件的元素有：事件源，事件的类型，事件的处理方式

事件源：是那个标签发生了事件

事件的类型：发生了什么类型的事件

事件的处理方式：发生这个事件之后我们的网页需要怎么处理

我们来看一段代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><input type="button" value="点我发生事件" class="gan">
</body>
<script>let NAME1=document.querySelector('.gan')NAME1.onclick=function(){alert("Hello,World")}
</script>
</html>

演示结果

当我们点击这个按钮的时候就会发生一个点击类型的事件，而这个事件的事件源就是这个按钮，事件的处理方式就是接下来会弹出一个窗口

获取/修改元素的内容

在修改网页元素的内容时我们一样需要获取选择器标签，当我们获取选择器标签后有两个接口可以修改标签的内容，一个是修改标签文本，一个是直接修改标签html的结构

innerText

当我们的标签是一个文本内容时，选择它并且使用这个接口可以直接修改文本

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div class="gan">HELLO,WORLD</div><div class="gan">HELLO,WORLD</div><div class="gan">HELLO,WORLD</div>
</body>
<script>let NAME1=document.querySelector('.gan')console.log(NAME1.innerText)NAME1.innerText='<div>Hello,World</div>'console.log(NAME1.innerText)
</script>
</html>

演示结果

innerHTML

innerHTML用于获取或设置标签的HTML的内容

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div class="gan">HELLO,WORLD</div><div class="gan">HELLO,WORLD</div><div class="gan">HELLO,WORLD</div>
</body>
<script>let NAME1=document.querySelector('.gan')console.log(NAME1.innerHTML)NAME1.innerHTML='<div>Hello,World</div>'console.log(NAME1.innerHTML)
</script>
</html>

演示结果

修改img属性

我们先定义一个img图像，并获取他和他的属性信息

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.type{height: 150px;width: 300px;}</style>
</head>
<body><img src="./微信图片_20250516111746.jpg" alt="这是vue的log" title="Vue3" class="type">
</body>
<script>let tim=document.querySelector('.type')console.dir(tim)
</script>
</html>

这里的dir使用来获取tim对象的属性的

演示结果

我们可以看到我们为img的添加的属性都可以使用，console.dir来查看

我们可以结合上面的点击事件来修改img的属性使他更灵活起来

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.type{height: 150px;width: 300px;}</style>
</head>
<body><img src="a20250516111746.jpg" alt="这是vue的log" title="Vue3" class="type" >
</body>
<script>let tim=document.querySelector('.type')tim.onclick=function(){if(tim.src.lastIndexOf('a20250516111746.jpg')!==-1){tim.src='./a74A6416B588.jpg'}else{tim.src='./a20250516111746.jpg'}}
</script>
</html>

演示结果

我们每点击一次图片，图片都换进行切换

获取/修改样式属性

行内样式操作格式

        text1.style.fontSize="20px"text1.style.cssText="font-size:20px"

这里一共有两种模板可选

元素.style.属性=属性值，第一种命名方式需要去掉中间的-号，第二个单词的第一个字母大写

元素.style.cssText=“属性文本”

类名样式操作

类名样式操作格式

对象名.className="新的类名"

当我们要更改标签的类时，我们可以通过这种方式更改

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.TEXT1{background-color: aqua;color: red;width: 100%;height: 100%;}.TEXT2{background-color: aquamarine;color: khaki;width: 100%;height: 100%;}html body{background-color: black;}</style>
</head>
<body><div style="font-size: 50px;" class="TEXT1">HELLO,WORLD</div>
</body>
<script>let text1=document.querySelector('.TEXT1')text1.onclick=function(){if(text1.className=="TEXT1"){text1.className="TEXT2"}else{text1.className="TEXT1"}}
</script>
</html>

这里我们实现了一个点击就会切换类样式的程序

节点操作

插入到容器的最后

DOM数节点的创建和存放

创建DOM节点

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style></style>
</head>
<body><span></span><div class="contaign"></div>
</body>
<script>let text1=document.createElement('span')text1.className="CLASSNAME"text1.id="IDNAME"text1.innerText="HELLO,WORLD"console.log(text1)</script>
</html>

演示结果

这就是我们创建的节点

但是网页并不会输出什么

将节点存放在一个容器中再输出到网页

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style></style>
</head>
<body><span></span><div class="contaign"></div>
</body>
<script>let text1=document.createElement('span')text1.className="CLASSNAME"text1.id="IDNAME"text1.innerText="HELLO,WORLD"console.log(text1)let conta=document.querySelector('.contaign')conta.appendChild(text1)console.log(conta)
</script>
</html>

演示结果

网页输出结果

这里只输出了一句，说明创建的DOM节点不单独生效，只放在容器里生效

插入到指定容器节点之前

演示容器的节点

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style></style>
</head>
<body><div class="contaign"><div></div><div></div><div></div></div>
</body>
<script>let conta=document.querySelector('.contaign')console.log(conta.children)
</script>
</html>

演示结果

这里的children相当于一个容器，

使用insertBefore进行节点插入

使用格式

var insertedNode = parentNode.insertBefore(newNode, referenceNode);

其中newNode是需要被插入的节点，referenceNode是选择在那个节点位置之前插入

insertedNode是返回的被插入节点

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style></style>
</head>
<body><span></span><div class="contaign"><div></div><div></div><div></div></div>
</body>
<script>let TEXT1=document.createElement("span")TEXT1.innerText="HELLO,WORLD"let conta=document.querySelector('.contaign')conta.insertBefore(TEXT1,conta.children[1])console.log(conta.children)
</script>
</html>

演示结果

当我们插入两次DOM树会按最后一次的算

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style></style>
</head>
<body><span></span><div class="contaign"><div></div><div></div><div></div></div>
</body>
<script>let TEXT1=document.createElement("span")TEXT1.innerText="HELLO,WORLD"let conta=document.querySelector('.contaign')conta.insertBefore(TEXT1,conta.children[1])conta.insertBefore(TEXT1,conta.children[1])console.log(conta.children)
</script>
</html>

演示结果

这里只有一个span

当我们单独修改节点的数据后，DOM树对应该节点的数据也会被修改

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.TEXT0{background-color: aqua;color: red;}</style>
</head>
<body><span></span><div class="contaign"><div></div><div></div><div></div></div>
</body>
<script>let TEXT1=document.createElement("span")TEXT1.innerText="HELLO,WORLD"let conta=document.querySelector('.contaign')conta.insertBefore(TEXT1,conta.children[1])TEXT1.className="TEXT0"console.log(conta.children)
</script>
</html>

演示结果

删除容器中的指定节点

使用removeChild删除节点

使用格式

oldChild = element.removeChild(child);

child为被删除的节点，element为容器，oldChild为返回的被删除节点

演示代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.TEXT0{background-color: aqua;color: red;}</style>
</head>
<body><span></span><div class="contaign"><div></div><div></div><div></div></div>
</body>
<script>let TEXT1=document.createElement("span")TEXT1.innerText="HELLO,WORLD"let conta=document.querySelector('.contaign')conta.insertBefore(TEXT1,conta.children[1])TEXT1.className="TEXT0"conta.removeChild(TEXT1)console.log(conta.children)
</script>
</html>

演示结果

虽然节点被删除了，但是节点仍然存在于Web内存中

Javascript：WebAPI

获取网页元素 queryselector queryselector是 JavaScript 中用于选择 DOM 元素的重要方法，它允许使用 CSS 选择器语法来查找页面中的元素。一般queryselector获取的元素都是html中第一个选择器的元素支持选择器类型：类选择器(.class) &#xff0c…...

编程日记 2025/6/1 11:56:05

(4)python爬虫--JsonPath

文章目录前言一、安装JsonPath库第一步： 打开pycharm第二步: 安装jsonpath 二、 jsonpath的基本使用2.1 基础语法2.2 语法测试2.2.1 准备json文件(store.json)2.2.2 jsonpath解析json语法三、实战练习需求:爬取淘票票上所有的城市3.1 下载城市json文件3.2 解析城市…...

编程日记 2025/5/29 8:58:40

CentOS 上配置 Docker 使用 NVIDIA GPU

CentOS 上配置 Docker 使用 NVIDIA GPU（前提是已安装 NVIDIA 驱动）： 在 CentOS 上配置 Docker 使用 NVIDIA GPU 本文介绍如何在已安装 NVIDIA 驱动的 CentOS 系统中，配置 Docker 使用 GPU 资源进行加速。 ✅ 前提条件已安装 Cent…...

编程日记 2025/5/26 14:41:16

JAVA Spring MVC+Mybatis Spring MVC的工作流程*

目录注解总结将传送到客户端的数据转成json数据 **描述一下Spring MVC的工作流程** 1。属性赋值 BeanUtils.copyProperties(addUserDTO,user); 添加依赖： spring web、mybatis framework、mysql driver Controller和ResponseBody优化直接改成RestControl…...

编程日记 2025/5/29 10:55:03

【人工智能】DeepSeek解码：揭秘AI大模型训练的创新密码

《Python OpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界 DeepSeek作为开源AI领域的先锋，以其高效、低成本的大模型训练技术震撼业界。本文深入剖析DeepSeek-V3和R1模型的训练密码，聚焦其创新的混…...

编程日记 2025/5/28 16:40:32

Java 方法向 Redis 里操作字符串有什么需要注意的？

在 Java 开发中，Redis 作为高性能的键值存储数据库，常被用于缓存数据、处理高并发场景等。当我们使用 Java 方法向 Redis 中操作字符串类型数据时，有许多关键要点需要格外注意。这些要点不仅关系到代码的正确性和性能，还影响着整个…...

编程日记 2025/5/29 13:10:04

使用C#连接KepOPC服务器进行数据读写的基础示例 using System; using Opc; using System.Threading;namespace KepOPCDemo {class Program{static void Main(string[] args){// OPC服务器连接参数string serverName "Kepware.KEPServerEX.V6"; // 根据实际安装的服…...

编程日记 2025/5/31 8:57:57

【软件测试】性能测试 —— 工具篇 LoadRunner 介绍与使用

🥰🥰🥰来都来了，不妨点个关注叭！ 👉博客主页：欢迎各位大佬!👈 文章目录 1. LoadRunner 是什么？2. LoadRunner 安装前提：浏览器的选择 —— IE / 360极速浏览器…...

编程日记 2025/6/3 20:18:18

Linux面试题集合（6）

创建多级目录或者同级目录 mkdir -p 文件名/文件名/文件名 mkdir -p 文件名文件名文件名 Linux创建一个文件 touch 文件名 DOS命令创建文件 echo 内容>文件名（创建一个有内容的文件） echo >文件名（创建一个没有内容的文件&#xff09…...

编程日记 2025/5/29 8:51:16

技术测评：小型单文件加密工具的功能解析

最近在测试一款名为OEMexe的文件加密工具，发现它确实有一些独特之处值得分享。这款软件体积非常小巧，仅209KB，属于绿色单文件版程序，无需安装即可直接运行。主要特点多格式支持：能够处理多种常见文件格式&#xff0…...

编程日记 2025/5/29 22:23:08

06、基础入门-SpringBoot-依赖管理特性

06、基础入门-SpringBoot-依赖管理特性 Spring Boot 的依赖管理特性是其核心优势之一，极大地简化了项目的构建和维护过程。以下是其主要特点： ## 1. 父项目依赖管理 ### 1.1 继承 spring-boot-starter-parent 在 pom.xml 文件中，通过继承 spr…...

编程日记 2025/6/3 9:49:07

基于 Python 的界面程序复现：标准干涉槽型设计计算及仿真

基于 Python 的界面程序复现：标准干涉槽型设计计算及仿真在工业设计与制造领域，刀具的设计与优化是提高生产效率和产品质量的关键环节之一。本文将介绍如何使用 Python 复现一个用于标准干涉槽型设计计算及仿真的界面程序，旨在帮助工程师和…...

编程日记 2025/6/1 16:24:08

我的创作纪念日——《惊变256天》

我的创作纪念日——《惊变256天》机缘收获日常成就憧憬最近，博主收到了 CSDN 发来的系统消息，这才惊觉，自上次第128天创作纪念日之后，竟又悄然走过了 128 天。站在 256 天这个颇具意义的里程碑前回望，博主在2023 年 …...

编程日记 2025/5/28 8:02:32

Linux 的 UDP 网络编程 -- 回显服务器，翻译服务器

目录 1. 回显服务器 -- echo server 1.1 相关函数介绍 1.1.1 socket() 1.1.2 bind() 1.1.3 recvfrom() 1.1.4 sendto() 1.1.5 inet_ntoa() 1.1.6 inet_addr() 1.2 Udp 服务端的封装 -- UdpServer.hpp 1.3 服务端代码 -- UdpServer.cc 1.4 客户端代码 -- UdpClient.…...

编程日记 2025/5/29 8:46:19

回溯法理论基础 LeetCode 77. 组合 LeetCode 216.组合总和III LeetCode 17.电话号码的字母组合

目录回溯法理论基础回溯法回溯法的效率用回溯法解决的问题如何理解回溯法回溯法模板 LeetCode 77. 组合回溯算法的剪枝操作 LeetCode 216.组合总和III LeetCode 17.电话号码的字母组合回溯法理论基础回溯法回溯法也可以叫做回溯搜索法，它是一…...

编程日记 2025/5/29 16:07:27

LeetCode --- 156双周赛

题目列表 3541. 找到频率最高的元音和辅音 3542. 将所有元素变为 0 的最少操作次数 3543. K 条边路径的最大边权和 3544. 子树反转和一、找到频率最高的元音和辅音分别统计元音和辅音的出现次数最大值，然后相加即可，代码如下 // C class Solution {…...

编程日记 2025/5/29 9:00:45

第五项修炼：打造学习型组织

最近一直接到的需求，都是公司董事长或总经理都特别推崇《第五项修炼：打造学习型组织》的内容，让各个层级的管理者都持续学习、应用、实践。我不禁开始反思，这背后到底隐藏着什么原因？ 随着商业环境的变化和复杂性的增加…...

编程日记 2025/5/26 7:21:35

Bellman - Ford 算法与 SPFA 算法求解最短路径问题 ——从零开始的图论讲解(4)

目录前言为什么Dijkstra算法面对负权值图会有误差??? 举例说明什么是Bellman -Ford算法? BF算法的核心思想什么是松弛为什么最多松弛N-1次? 代码实现举例初始状态（dist[] 数组） 第 1 轮松弛（遍历所有边） …...

编程日记 2025/5/31 9:23:57

Python训练营打卡 Day27

函数专题2：装饰器知识点回顾： 装饰器的思想：进一步复用函数的装饰器写法注意内部函数的返回值昨天我们接触到了函数大部分的功能，然后在你日常ctrl点进某个复杂的项目，发现函数上方有一个xxx,它就是装饰器装饰器本质…...

编程日记 2025/5/17 21:40:53

初识计算机网络。计算机网络基本概念，分类，性能指标

初识计算机网络。计算机网络基本概念，分类，性能指标本系列博客源自作者在大二期末复习计算机网络时所记录笔记，看的视频资料是B站湖科大教书匠的计算机网络微课堂，祝愿大家期末都能考一个好成绩！ 视频链接地址一、…...

编程日记 2025/5/17 21:38:47

5月16日day27打卡

函数专题2：装饰器知识点回顾： 装饰器的思想：进一步复用函数的装饰器写法注意内部函数的返回值作业： 编写一个装饰器 logger，在函数执行前后打印日志信息（如函数名、参数、返回值） logger def …...

编程日记 2025/5/17 21:26:15

【生成式AI文本生成实战】DeepSeek系列应用深度解析

目录 🌟 前言🏗️ 技术背景与价值🩹 当前技术痛点🛠️ 解决方案概述👥 目标读者说明 🧠 一、技术原理剖析📊 核心概念图解💡 核心作用讲解🔧 关键技术模块说明⚖️ 技术选…...

编程日记 2025/5/17 21:12:43

【Pandas】pandas DataFrame kurt

Pandas2.2 DataFrame Computations descriptive stats 方法描述DataFrame.abs()用于返回 DataFrame 中每个元素的绝对值DataFrame.all([axis, bool_only, skipna])用于判断 DataFrame 中是否所有元素在指定轴上都为 TrueDataFrame.any(*[, axis, bool_only, skipna])用于判断…...

编程日记 2025/5/17 21:11:35

2025年渗透测试面试题总结-安恒[实习]安全服务工程师（题目+回答）

网络安全领域各种资源，学习文档，以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具，欢迎关注。目录安恒[实习]安全服务工程师 1. SQLMap爆出当前库名的参数是什么？ 2. Nmap探测系统的参数&am…...

编程日记 2025/5/17 21:10:32

在 Visual Studio Code (VSCode) 中配置 MCP（Model Context Protocol）

前提条件安装 VSCode：确保已安装最新版本的 VSCode（建议使用 1.99 或以上版本，支持 MCP）。安装 GitHub Copilot 扩展：MCP 通常与 GitHub Copilot 的代理模式（Agent Mode）结合使用，…...

编程日记 2025/6/1 5:25:33

顶层架构 - 消息集群推送方案

一、推送基础概念简述在即时通讯（IM）系统中，最基础的一件事就是“如何把消息推送给用户”。为了实现这个过程，我们要先了解两种常见的网络通信方式：HTTP 和 WebSocket。 1. HTTP 是什么？ HTTP 就像一次性…...

编程日记 2025/5/29 3:42:29

C++性能测试工具——Vtune等的介绍

一、介绍我们在前面的相关文章中对C性能的测试和分析工具（见“C性能测试工具gprof和gperftools基础”等）有一个初步的了解和应用，其实类似的相关工具还有不少。为了进一步的让开发者们掌握更多的相关性能测试分析相关的方法，对另…...

编程日记 2025/5/17 20:45:28

车道线检测----CLRKDNet

今天的最后一篇车道线检测系列结束 CLRKDNet：通过知识蒸馏加速车道检测摘要：道路车道是智能车辆视觉感知系统的重要组成部分，在安全导航中发挥着关键作用。在车道检测任务中，平衡精度与实时性能至关重要，但现有方法…...

编程日记 2025/5/17 20:45:28

【AI模型部署】

解决python引入huggingface_hub模块下载超时问题背景问题解决背景 AMD Ryzen™ AI处理器通过独特的NPUGPU异构架构，为AI工作负载提供强大的并行计算能力。本方案展示了如何将YOLOv8目标检测、RCAN超分辨率重建和Stable Diffusion文生图三类模型分别部署到NPU和GP…...

编程日记 2025/5/17 20:41:15

排序01：多目标模型

用户-笔记的交互对于每篇笔记，系统记录曝光次数、点击次数、点赞次数、收藏次数、转发次数。点击率点击次数/曝光次数点赞率点赞次数/点击次数收藏率收藏次数/点击次数转发率转发次数/点击次数转发是相对较少的，但是非常重要，例如转发…...

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

电子电器架构 --- Zonal架构正在开创汽车电子设计新时代

我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师：钝感力的“钝”，不是木讷、迟钝，而是直面困境的韧劲和耐力，是面对外界噪音的通透淡然。生活中有两种人，一种人格外在意别人的眼光;另一种人无论…...

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

如何阅读、学习 Tcc (Tiny C Compiler) 源代码？如何解析 Tcc 源代码？

阅读和解析 TCC（Tiny C Compiler） 的源代码需要对编译器的基本工作原理和代码结构有一定的了解。以下是分步骤的指南，帮助你更高效地学习和理解 TCC 的源代码： 1. 前置知识准备 C 语言基础：TCC 是用 C 语言编写的&…...

编程日记 2025/5/17 20:23:23

Java 泛型与类型擦除：为什么解析对象时能保留泛型信息？

引言：泛型的“魔术”与类型擦除的困境在 Java 中，泛型为开发者提供了类型安全的集合操作，但其背后的**类型擦除（Type Erasure）**机制却常常让人困惑。你是否遇到过这样的场景？ List<String> list …...

编程日记 2025/5/17 20:18:01

日语学习-日语知识点小记-构建基础-JLPT-N4阶段（22）：复习

日语学习-日语知识点小记-构建基础-JLPT-N4阶段（22）：复习 1、前言（1）情况说明（2）工程师的信仰2、知识点（1）复习（２）復習3、单词（1）日语（2）日语片假名单词4、对话练习5、单词辨析记录6、总结1、前言（1）情况说明自己在今年，在日本留学中，目前在语言学校，…...

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

Java基础学习

Java 基础大纲 1. Java 概述 Java 语言特点（跨平台、面向对象、自动内存管理） JVM、JRE、JDK 的作用与区别开发环境搭建（安装 JDK、配置环境变量、IDE 使用） 2. 基础语法（已经学习） 变量与数据类型&a…...

编程日记 2025/5/17 20:10:36

MGX：多智能体管理开发流程

MGX的多智能体团队如何通过专家混合系统采用全新方法，彻底改变开发流程，与当前的单一智能体工具截然不同。 Lovable和Cursor在自动化我们的特定开发流程方面取得了巨大飞跃，但问题是它们仅解决软件开发的单一领域。这就是MGX（MetaGPT X）的用武之地，它是一种正在重新定…...

编程日记 2025/5/17 19:49:18

2025第三届盘古石杯初赛（计算机部分）

前言比赛的时候时间不对，打一会干一会，导致比赛时候思路都跟不上，赛后简单复现一下，希望大家批批一下计算机取证 1、分析贾韦码计算机检材，计算机系统Build版本为？【标准格式：19000】 183…...

编程日记 2025/5/26 22:45:56

XML介绍及常用c及c++库

一.xml概述 1.什么是XML？ XML（eXtensible Markup Language）是一种标记语言，1998 年 2 月：XML 1.0 发布，用于存储和传输结构化数据。与HTML专注于数据显示不同，XML专注于数据本身及其结构。它…...

编程日记 2025/5/17 19:40:36

动态规划-63.不同路径II-力扣(LeetCode)

一、题目解析与62.不同路径不同的一点是现在网格中有了障碍物，其他的并没有什么不同二、算法解析 1.状态表示 dp[i][j]表示：到[i,j]位置时，不同的路径数 2.状态转移方程由于多了障碍物，所以我们要判断是否遇到障碍物 3.初…...

编程日记 2025/6/2 22:22:07

海盗王3.0的数据库3合1并库处理方案

原版的海盗王数据库有3个accountserver，gamedb，tradedb，对应到是账号数据库，游戏数据库，商城数据库。一直都有个想法，如何把这3个库合并到一起，这样可以实现一些功能。涉及到sqlserver的数据库…...

编程日记 2025/6/2 2:35:57

Vue百日学习计划Day16-18天详细计划-Gemini版

重要提示： 番茄时钟： 每个番茄钟为25分钟学习，之后休息5分钟。每完成4个番茄钟，进行一次15-30分钟的长休息。动手实践： DOM 操作和事件处理的理解高度依赖于实际编码。请务必在浏览器中创建 HTML 页面，并配…...

编程日记 2025/5/17 19:18:08

【C++】15.并发支持库

本篇内容参考自cplusplus 1. thread 1.1 thread thread库底层是对各个系统的线程库（Linux下的pthread库和Windows下Thread库）进行封装。C11thread库的第一个特点是可以跨平台，第二个特点是Linux和Windows下提供的线程库都是面向过程的&…...

编程日记 2025/5/17 19:06:15

Linux系统编程——exec族函数

我们来完整、系统、通俗地讲解 Linux 系统编程中非常重要的一类函数：exec 族函数（也叫 exec family）。一、什么是 exec？ exec 系列函数的作用是： 用一个新的程序，替换当前进程的内容。也就是说&#xf…...

编程日记 2025/5/17 19:05:12

职教实训室中的写实数字人：技术与应用方案

在当今快速发展的数字化时代，职业教育的重要性日益凸显。面对传统教学模式中个性化不足、互动性差等挑战，深声科技基于2D写实交互数字人的解决方案为职教实训室带来了全新的变革。本文将详细介绍该技术方案的核心原理、产品特色及其在职业培训中的实际应…...

编程日记 2025/5/17 19:03:00

Nginx模块配置与请求处理详解

Nginx 作为模块化设计的 Web 服务器，其核心功能通过不同模块协同完成。以下是各模块的详细配置案例及数据流转解析：一、核心模块配置案例 1. Handler 模块（内容生成）功能：直接生成响应内容（如静态文件、重定向等） # 示例1：静态文件处理（ngx_http_static_module）…...

编程日记 2025/5/17 18:52:11