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

二、HTML

news 来源：原创 2025/5/10 22:27:25

2.1 介绍

HTML（HyperText Markup Language，超文本标记语言）

HTML是网页的骨架，用于定义网页的结构和内容。通过各种标签（如<div>、<p>、<a>、<img>等）来组织文本、图片、表格、表单等元素。

HTML就像是人体的骨骼和器官等框架。

CSS（Cascading Style Sheets），层叠样式表

作用：CSS用于控制网页的外观和格式。它可以设置字体、颜色、间距、边框、布局等样式，让网页看起来更加美观和有吸引力。

CSS更像是人体的皮肤、头发、眼睛的颜色等外观特征。

JavaScript（JS）

作用：JavaScript是一种脚本语言，用于实现网页的交互功能。它可以响应用户的操作（如点击、滚动、输入等），动态地改变网页的内容和样式，甚至与服务器进行交互。

JavaScript更像是人体的动作和行为。


2.2 演示

创建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><button>我是一个按钮</button>		
</body>
</html>

在这里插入图片描述

加上CSS

<button style="background-color: aquamarine;">我是一个按钮</button>

在botton标签内部加上背景色的属性，相当于添加了这个按钮的外观

在这里插入图片描述

js控制行为

<body><button style="background-color: aquamarine;">我是一个按钮</button><script>document.addEventListener('DOMContentLoaded', function() {var button = document.getElementsByTagName("button")[0];button.addEventListener("click", function() {alert("按钮被点击了");});});</script>
</body>

通常在script标签中用javascript来控制网页的行为

在这里插入图片描述

点击按钮后，浏览器弹窗显示。


2.3 什么是HTML

  1. HTML（超文本标记语言）
  • 定义：HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它通过一系列的标签来定义网页的结构和内容。
  • HTML5：HTML5是HTML的最新版本，它在2008年正式发布，提供了更多现代网络应用的功能，如多媒体内容的处理、图形、动画等。
  1. 超文本
  • 定义：超文本是指在文本的基础上，通过HTML标签引入其他网页、图片、音频、视频等多媒体资源，使网页内容更加丰富多样。
  1. 标记语言
  • 定义：HTML是一种标记语言，它使用一系列的标签来描述网页内容的结构和格式。与编程语言不同，标记语言不包含程序逻辑如变量、流程控制等。
  1. HTML标签
  • 双标签：如<p>...</p>，用于包围内容，定义段落。
  • 单标签：如<input />，通常用于定义自包含的元素，如输入框。
  • 属性：如<a href="http://www.xxx.com">...</a>，用于提供额外的信息，如链接的URL。
  1. HTML基础结构
  • 文档声明：位于HTML文件的第一行，声明文档类型和版本，如<!DOCTYPE html>。
  • 根标签：<html>，包含整个HTML文档的所有内容。
  • 头部元素：<head>，包含文档的元数据，如<title>、<link>、<meta>等。
  • 主体元素：<body>，包含网页的所有可见内容。
  • 注释：<!-- 注释内容 -->，用于在HTML代码中添加注释，这些注释不会显示在网页上。

2.4 HTML常见标签

2.4.1 标题标签

标题标签一般用于在页面上定义一些标题性的内容,如新闻标题,文章标题等,有h1到h6六级标题。

<body><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>
</body>

注意文档标题是显示在浏览器页面上面的，和页面中的标题要区分开来

在这里插入图片描述

在这里插入图片描述

2.4.2 段落标签

段落标签<p>一般用于定义一些在页面上要显示的大段文字,多个段落标签之间实现自动分段的效果。

在这里插入图片描述

在这里插入图片描述

2.4.3 换行标签

单纯实现换行的标签是<br>,如果想添加分隔线,可以使用<hr>标签

在这里插入图片描述

在这里插入图片描述

2.4.4列表标签

有序列表 ：分条列项展示数据的标签, 其每一项前面的符号带有顺序特征

  • 列表标签 ol（order list）
  • 列表项标签 li
今天吃：
<ol><li>肯德基</li><li>麦当劳</li><li>中国汉堡</li>
</ol>

在这里插入图片描述

无序列表：分条列项展示数据的标签, 其每一项前面的符号不带有顺序特征

  • 列表标签 ul（unorder list）
  • 列表项标签 li
今天吃：
<ul><li>肯德基</li><li>麦当劳</li><li>中国汉堡</li>
</ul>

在这里插入图片描述

2.4.5 超链接标签

点击后带有链接跳转的标签，也叫做a标签。

  • href属性用于定义连接

    • href中可以使用相对路径,不以/开头,以 当前文件 所在路径为出发点

      在本文件目录下新建一个文件，叫做test.html

      在这里插入图片描述

      在原文件中使用a标签，href属性输入要跳转的页面链接

      <a href="test.html">相对路径本地资源连接</a> <br>

      在这里插入图片描述

      点击后跳转

      在这里插入图片描述

      另外，如果需要跳转的文件在不同的目录中，这个目录与当前文件的目录处于同一级别，可以用../跳转到上一目录，再输入跳转文件的目录与跳转文件名。

      同时，./代表当前目录。

    • href中可以使用绝对路径,以/开头,始终以一个固定路径作为基准路径作为出发点

      在这里插入图片描述

      将刚刚的test.html文件中的文本改为绝对路径测试

      在这里插入图片描述

      在这里插入图片描述

      在这里插入图片描述

      但此时浏览器却显示找不到该页面，这是因为href属性以/开头时，表示的是一个绝对路径，但这个绝对路径是 相对于网站根目录 的，而不是以标准URL格式表示的。

      那怎么知道当前的具体根目录？

      在这里插入图片描述

      在这里插入图片描述

      与服务器IP和端口号重合的部分就是当前的根目录了，所以我们这时候就知道了，需要将原文件中的href的绝对路径改为/test.html。

      <a href="/test.html">绝对路径本地资源连接</a>

      在这里插入图片描述

    • href中也可以定义完整的URL

      <a href="https://uae.kfc.me/en/home">url地址</a>

  • target用于定义打开的方式

    • _self 在当前窗口中打开目标资源

      不写target属性时，默认就是在当前窗口打开目标资源

    • _blank 在新窗口中打开目标资源

      <a href="https://uae.kfc.me/en/home" target="_blank">url地址</a>

      在这里插入图片描述

2.4.6 多媒体标签

img标签

  • src：定义图片的链接，也可以采用相对和绝对路径
  • title：用于鼠标悬停时显示的数字
  • alt：图片加载失败时显示的文字

audio标签

  • src：用于定义目标声音资源
  • autoplay：用于控制打开页面时是否自动播放
  • controls：用于控制是否展示控制面板
  • loop：用于控制是否进行循环播放

video标签

  • src：用于定义目标视频资源
  • autoplay：用于控制打开页面时是否自动播放
  • controls：用于控制是否展示控制面板
  • loop：用于控制是否进行循环播放
2.4.7 表格标签
  • table标签 代表表格
  • thead标签 代表表头 可以省略不写
  • tbody标签 代表表体 可以省略不写
  • tfoot标签 代表表尾 可以省略不写
  • tr标签 代表一行
  • td标签 代表行内的一格
  • th标签 自带加粗和居中效果的td
<h3  style="text-align: center;">第十六届蓝桥杯全国软件和信息技术专业人才大赛</h3>
<table border="1px" style="width: 400px; margin: 0px auto;"><tr><th>姓名</th><th>科目</th><th>奖项</th></tr><tr><td>白糖一号</td><td>python</td><td>一等奖</td></tr><tr><td>白糖二号</td><td>java</td><td>一等奖</td></tr><tr><td>白糖三号</td><td>c/c++</td><td>一等奖</td></tr>
</table>

在这里插入图片描述

  • 通过rowspan实现单元行跨行

    <h3  style="text-align: center;">第十六届蓝桥杯全国软件和信息技术专业人才大赛</h3>
<table border="1px"; style="width: 400px; margin: 0px auto;"><tr><th>姓名</th><th>科目</th><th>奖项</th><th>备注</th></tr><tr><td>白糖一号</td><td>python</td><td>一等奖</td><td rowspan="3">晋级国赛</td><!--表示在当前单元格中往下一共占了三行--></tr><tr><td>白糖二号</td><td>java</td><td>一等奖</td><!--既然已经被上面的单元格占了，那么这里和下面一行的这个位置就不用写了--></tr><tr><td>白糖三号</td><td>c/c++</td><td>一等奖</td></tr>
</table>

    在这里插入图片描述

  • colspan实现单元格跨列

    <h3  style="text-align: center;">第十六届蓝桥杯全国软件和信息技术专业人才大赛</h3>
<table border="1px"; style="width: 400px; margin: 0px auto;"><tr><th>姓名</th><th>科目</th><th>奖项</th><th>备注</th></tr><tr><td>白糖一号</td><td>python</td><td>一等奖</td><td rowspan="3">晋级国赛</td></tr><tr><td>白糖二号</td><td>java</td><td>一等奖</td></tr><tr><td>白糖三号</td><td>c/c++</td><td>一等奖</td></tr><tr><!--表示在最后一行中横跨四列--><td colspan="4" style="text-align: center;">恭喜！！！</td></tr>
</table>

    在这里插入图片描述

    2.4.8 表单标签

    可以实现让用户在界面上输入各种信息并提交的一种标签. 是向服务端发送数据主要的方式之一。

    form标签,表单标签,其内部用于定义可以让用户输入信息的表单项标签

    • action, form标签的属性之一,用于定义信息提交的服务器的地址

    • method, form标签的属性之一,用于定义信息的提交方式

      • get 方式：数据会在url后面以?作为参数开始的标识，多个参数用&隔开

        <form action="http://www.baidu.com" method="get">用户名：<input type="text" name="username"/>密码：<input type="password" name="password"/><input type="submit" value="登录"><input type="reset" value="重置">
</form>

        在这里插入图片描述

        点击登录后，name属性中的参数会作为键，用户输入的信息作为值，呈现在跳转后的地址栏中：

        在这里插入图片描述

        不过这种提交方式会将用户的身份信息轻易暴露出去，所以我们一般用post提交方式

      • post 方式：数据会通过请求体发送，不会url后面作为参数呈现。

        在这里插入图片描述

    2.4.9 常见表单项标签
    单行文本框：<input type="text" name="文字"><br/>密码框：<input type="password" name="secret"><br/>单选框：<input type="radio" name="sex" value="boy">男<input type="radio" name="sex" value="girl" checked="checked">女<br/><!--1. name属性相同的radio为一组，组内互斥2. 当用户选择一个radio提交时，这个radio的name属性和value属性组成一个键值对发送给服务器例如上面如果选择第一个单选框，表单将提交 sex = boy3. 设置checked属性设置刚开始时默认被选中的radio，若属性名与属性值一样，可以只写以个checked-->复选框：你喜欢的语言是<input type="checkbox" name="lang" value="python" checked>python<input type="checkbox" name="lang" value="java">java<input type="checkbox" name="lang" value="c/c++">c/c++<input type="checkbox" name="lang" value="go">go<br/>下拉框：你喜欢的运动是<select name="interesting"><option value="swimming">游泳</option><option value="running">跑步</option><option value="shooting" selected="selected">射击</option><option value="skating">溜冰</option></select><br/>隐藏域：<input type="hidden" name="userId" value="2233"/><br/><!--通过表单隐藏域设置的表单项不会显示到页面上，用户看不到。但是提交表单时会一起被提交。用来设置一些需要和表单一起提交但是不希望用户看到的数据，例如：用户id等等。-->多行文本框：<textarea name="desc"></textarea></br>文件标签：<input type="file" name="file">

    在这里插入图片描述

相关文章：

二、HTML

2.1 介绍 HTML&#xff08;HyperText Markup Language&#xff0c;超文本标记语言&#xff09; HTML是网页的骨架&#xff0c;用于定义网页的结构和内容。通过各种标签&#xff08;如<div>、<p>、<a>、<img>等&#xff09;来组织文本、图片、表格、表…...

编程日记 2025/5/10 22:27:25

EBO的使用

EBO 其实就是个索引&#xff0c;绑定在相应的VAO中&#xff0c;用来描述绘制顺序。比如在OpenGL绘制三角形的时候&#xff0c;假设有四个顶点&#xff0c;我称他们分别为1&#xff0c;2&#xff0c;3&#xff0c;4号顶点&#xff0c;常规绘制三角形函数是按三个点为一组&#x…...

编程日记 2025/5/2 7:28:40

AI大模型基础设施：NVIDIA的用于AI大语言模型训练和推理的几款主流显卡

英伟达&#xff08;NVIDIA&#xff09;在AI大语言模型&#xff08;LLM&#xff09;的训练和推理领域占据主导地位&#xff0c;其GPU因强大的并行计算能力和专为深度学习优化的架构而广受青睐。以下介绍几款主流的NVIDIA GPU&#xff0c;适用于AI大语言模型的训练和推理&#xf…...

编程日记 2025/5/2 7:28:39

面试手撕——迭代法中序遍历二叉树

思路 访问顺序和处理顺序不一致导致迭代法难写&#xff0c;体现在总要先遍历根节点&#xff0c;才能访问左右孩子&#xff0c;用null标记&#xff0c;null标记的节点表示已经访问过了&#xff0c;下一次可以处理&#xff0c;所以在当前栈顶节点不是null的时候&#xff0c;都要…...

编程日记 2025/5/2 7:27:38

SQL注入与简单实战

Example1 谁从小还没有一个当黑帽子的梦想呢&#xff0c;所以就来讲讲SQL&#x1f489;&#x1fa78;吧… 环境要求 sqlmap命令行工具使用Go语言安装包&#xff1a;waybackruls (需要在自己的电脑上部署) 寻找目标 url 对目标网站使用&#xff1a; echo https://xxx | wayb…...

编程日记 2025/5/2 7:27:36

ffmpeg 元数据

ffmpeg 元数据 1. 解释什么是ffmpeg元数据 ffmpeg元数据是指与音视频文件相关的附加信息&#xff0c;这些信息不直接影响音视频内容的播放&#xff0c;但提供了关于文件内容、创作者、版权、播放参数等的有用信息。元数据在音视频文件的处理、管理和共享中起着重要作用。 2.…...

编程日记 2025/5/2 7:27:36

Qwen3 正式发布

2025 年 4 月 29 日&#xff0c;阿里巴巴正式发布新一代通义千问模型 Qwen31。此次发布的 Qwen3 包含多种模型版本&#xff0c;具体如下&#xff1a; MoE 模型&#xff1a;有 Qwen3-235B-A22B&#xff08;总参数 2350 亿&#xff0c;激活参数 220 亿&#xff09;和 Qwen3-30B-A…...

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

[操作系统] 线程互斥

文章目录 背景概念线程互斥的引出互斥量锁的操作初始化 (Initialization)静态初始化动态初始化 加锁 (Locking)阻塞式加锁非阻塞式加锁 (尝试加锁/一般不考虑) 解锁 (Unlocking)销毁 (Destruction)设置属性 (Setting Attributes - 通过 pthread_mutex_init) 锁本身的保护互斥锁…...

编程日记 2025/5/2 7:26:34

KDD 2025 | (8月轮)时间序列(Time Series)论文总结

KDD 2025将在2025年8月3号到7号在加拿大多伦多举行&#xff0c;本文总结了KDD 2025(August Cycle)有关时间序列&#xff08;Time Series&#xff09;相关文章&#xff0c;共计11篇&#xff0c;其中1-10为Research Track&#xff0c;11为ADS Track。如有疏漏&#xff0c;欢迎补充…...

编程日记 2025/5/2 7:26:33

Spring MVC @PathVariable 注解怎么用？

我们来详细分析 Spring MVC 中的 PathVariable 注解。 PathVariable 注解的作用 PathVariable 注解用于从 URI 模板&#xff08;URI Template&#xff09;中提取值&#xff0c;并将这些值绑定到 Controller 方法的参数上。URI 模板是一种包含占位符的 URL 路径&#xff0c;这…...

编程日记 2025/5/2 7:25:31

PostgreSQL运算符

运算符 算数运算符 运算符描述示例加法SELECT 2 3; 结果为 5-减法SELECT 5 - 2; 结果为 3*乘法SELECT 2 * 3; 结果为 6/除法&#xff08;对于整数相除&#xff0c;会截断小数部分&#xff09;SELECT 5 / 2; 结果为 2 &#xff0c;若要得到精确结果&#xff0c;可使用浮点数 …...

编程日记 2025/5/2 7:25:30

Ocelot与.NETcore7.0部署（基于腾讯云）

资料链接&#xff1a;https://download.csdn.net/download/ly1h1/90731290 1.效果 基于Ocelot&#xff0c;实现对3个微服务的轮询调用&#xff0c;实现不停机更新&#xff0c;无缝更新&#xff1b; 2.环境要求 1.部署环境&#xff1a;腾讯云的轻量化应用服务器 2.系统环境&…...

编程日记 2025/5/2 7:25:30

Umi-OCR项目（1）

最近接触到了一个项目&#xff0c;我在想能不能做出点东西出来。 目标&#xff1a;识别一张带表格的图片&#xff0c;要求非表格内容和表格内容都要识别得很好&#xff0c;并且可视化输出为word文档。 下面是第一步的测试代码&#xff0c;测试是否能够调用ocr能力。 import re…...

编程日记 2025/5/2 7:25:29

前端面试常问问题[From CV]

作为前端面试官&#xff0c;我会针对简历中的技术栈、项目经历和技能细节提出以下20个问题&#xff0c;并附上参考答案&#xff1a; 技术基础类问题 Q&#xff1a;请解释JavaScript事件循环机制&#xff0c;结合宏任务/微任务说明代码执行顺序 A&#xff1a;事件循环分为调用栈…...

编程日记 2025/5/2 7:23:24

C语言学习之动态内存的管理

学完前面的C语言内容后&#xff0c;我们之前给内存开辟空间的方式是这样的。 int val20; char arr[10]{0}; 我们发现这个方式有两个弊端&#xff1a;空间是固定的&#xff1b;同时在声明的时候必须指定数组的长度&#xff0c;一旦确定了大小就不能调整的。 而实际应用的过程中…...

编程日记 2025/5/2 7:23:22

CMake中的“包管理“模块FetchContent

背景介绍 C的包管理工具&#xff0c;好像除了微软家的vcpkg外&#xff0c;并没有一个特别有名的包管理器。 CMake其实也提供了基础的包管理功能。使用 FetchContent 模块系列命令可以下载项目依赖的源代码或者其他文件。 基本用法 FetchContent_Declare命令定义我们下载的内…...

编程日记 2025/5/2 7:22:20

python3基础

Python3 基础教程 1. Python简介 Python是一种高级、解释型、通用的编程语言，由Guido van Rossum于1989年底发明。Python的设计哲学强调代码的可读性和简洁性，其核心理念体现在"Python之禅"中： 优美胜于丑陋（Beautiful is better than ugly） 显式胜于隐式（E…...

编程日记 2025/5/2 7:22:20

课题推荐——通信信号处理中的非线性系统状态估计（如信号跟踪、相位恢复等场景），使用无迹卡尔曼滤波（UKF）的非线性滤波算法，MATLAB实现

给出一个基于无迹卡尔曼滤波&#xff08;UKF&#xff09;的非线性滤波算法及其MATLAB实现&#xff0c;适用于通信信号处理中的非线性系统状态估计&#xff08;如信号跟踪、相位恢复等场景&#xff09;。该算法结合了非线性动态模型和观测模型&#xff0c;并通过UT变换避免雅可比…...

编程日记 2025/5/2 7:22:19

Postgresql源码（145）优化器nestloop参数化路径评估不准问题分析

相关 《Postgresql源码&#xff08;133&#xff09;优化器动态规划生成连接路径的实例分析》 1 问题 最近遇到一个问题&#xff0c;评估行数和真实行数存在较大差距&#xff0c;导致计划不准的问题。 nestloop内表评估是根据外表的参数来的。因为外表驱动表每取一条&#xff…...

编程日记 2025/5/2 7:21:17

【深度学习新浪潮】小米MiMo-7B报告内容浅析

一段话总结 该报告介绍了专为推理任务设计的大语言模型MiMo-7B，其在预训练阶段通过优化数据预处理、采用三阶段数据混合策略（处理约25万亿token）和引入MultiToken Prediction（MTP）目标提升推理潜力；后训练阶段构建13万可验证数学和编程问题数据集，结合测试难度驱动奖励…...

编程日记 2025/5/10 22:26:11

使用Python和Pandas实现的Snowflake权限检查与SQL生成用于IT审计

import snowflake.connector import pandas as pddef get_snowflake_permissions():# 连接Snowflake&#xff08;需要替换实际凭证&#xff09;conn snowflake.connector.connect(user<USER>,password<PASSWORD>,account<ACCOUNT>,warehouse<WAREHOUSE&g…...

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

spring 从application.properties中获取参数的四种方式

在Spring Boot中&#xff0c;自定义一个Starter时&#xff0c;从application.properties中获取参数主要有以下几种方法&#xff1a; 使用Value注解 这是最常用的方法之一&#xff0c;通过Value注解可以直接将application.properties中的属性值注入到Spring管理的Bean中。 imp…...

编程日记 2025/5/2 7:21:14

react学习笔记2——基于React脚手架与ajax

使用create-react-app创建react应用 react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置&#xff08;语法检查、jsx编译、devServer…&#xff09;下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于创建react项…...

编程日记 2025/5/10 22:24:58

nim模块教程

导入一个模块 如果我们想要导入一个模块&#xff0c;并且和它的所有函数&#xff0c;我们要做的是写import <moduleName>在我们的文件里&#xff0c;这通常是在文件顶部进行的&#xff0c;这样我们就可以很容易地看到我们的代码使用了什么。 创建一个模块 first.nim …...

编程日记 2025/5/2 7:21:13

雅马哈SMT贴片机高效精密制造解析

内容概要 作为电子制造领域的核心装备&#xff0c;雅马哈SMT贴片机通过集成高速运动控制、智能视觉识别与模块化供料三大技术体系&#xff0c;构建了精密电子元件贴装的工业化解决方案。其YSM系列设备在5G通讯模组、汽车电子控制器及智能穿戴设备等场景中&#xff0c;实现了每…...

编程日记 2025/5/2 7:20:11

审计专员简历模板

模板信息 简历范文名称&#xff1a;审计专员简历模板&#xff0c;所属行业&#xff1a;其他 | 职位&#xff0c;模板编号&#xff1a;KSJYVR 专业的个人简历模板&#xff0c;逻辑清晰&#xff0c;排版简洁美观&#xff0c;让你的个人简历显得更专业&#xff0c;找到好工作。希…...

编程日记 2025/5/2 7:19:09

npm宿主依赖、宿主环境依赖（peerDependencies）（指由宿主环境提供的依赖）

文章目录 宿主环境依赖详解基本概念工作原理应用场景插件开发UI组件库 与其他依赖类型对比npm不同版本处理差异npm v3-v6npm v7 实际应用示例React插件开发 解决宿主依赖问题 宿主环境依赖详解 基本概念 宿主环境依赖&#xff08;peerDependencies&#xff09;是指包声明自身…...

编程日记 2025/5/2 7:19:08

Android Kotlin 项目集成 Firebase Cloud Messaging (FCM) 全攻略

Firebase Cloud Messaging (FCM) 是 Google 提供的跨平台消息推送解决方案。以下是在 Android Kotlin 项目中集成 FCM 的详细步骤。 一、前期准备 1. 创建 Firebase 项目 访问 Firebase 控制台点击"添加项目"&#xff0c;按照向导创建新项目项目创建完成后&#x…...

编程日记 2025/5/2 7:18:06

游戏引擎学习第252天:允许编辑调试值

回顾并为今天的工作设定目标 我们处理了调试值&#xff08;debug value&#xff09;的编辑功能。我们希望实现可以在调试界面中编辑某些值&#xff0c;为此还需要做一些额外的工作。 我们的问题在于&#xff1a;当某个调试值被编辑时&#xff0c;我们需要把这个“编辑”的操作…...

编程日记 2025/5/2 7:17:05

支持selenium的chrome driver更新到136.0.7103.49

最近chrome释放新版本&#xff1a;136.0.7103.49 如果运行selenium自动化测试出现以下问题&#xff0c;是需要升级chromedriver才可以解决的。 selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only su…...

编程日记 2025/5/2 7:16:03

cPanelWHM 的 AutoSSL

在 cPanel&WHM 的第58版本中&#xff0c;开始增加了AutoSSL&#xff0c;这是一项非常棒的新功能。 什么是 AutoSSL&#xff1f; AutoSSL 是为了解决每个使用 cPanel&WHM 用户的最大难题&#xff1a;SSL 证书的安装和续期。有了 AutoSSL&#xff0c;这个问题就不再是问…...

编程日记 2025/5/2 7:16:02

MySQL数据同步之Canal讲解

文章目录 1 Canal搭建1.1 简介1.1.1 概述1.1.2 优点1.1.3 作用&核心组件 1.2 搭建 Canal1.2.1 准备工作1.2.1.1 检查配置1.2.1.2 &#xff2d;&#xff59;SQL配置 1.2.2 下载并安装 Canal1.2.3 配置 Canal Server1.2.3.1 全局配置1.2.3.2 实例配置1.2.3.3 配置目标系统1.2…...

编程日记 2025/5/2 7:16:00

完整迁移物理机Windows XP到PVE8

计划对2007年部署的windows_xp_professional _service_pack_2_x86系统主机&#xff0c;进行重新部署&#xff0c;由于确实环境包和软件包&#xff0c;无法从头部署&#xff0c;只能考虑带系统环境迁移。原主机年代台久远&#xff08;1Ghz处理器&#xff0c;1G内存&#xff09;G…...

编程日记 2025/5/2 7:13:57

量子加密通信：打造未来信息安全的“铜墙铁壁”

在数字化时代&#xff0c;信息安全已成为全球关注的焦点。随着量子计算技术的飞速发展&#xff0c;传统的加密算法面临着前所未有的挑战。量子计算机的强大计算能力能够轻易破解现有的加密体系&#xff0c;这使得信息安全领域急需一种全新的加密技术来应对未来的威胁。量子加密…...

编程日记 2025/5/2 7:13:56

11.多边形的三角剖分 (Triangulation) ： 画廊问题

目录 1.Methodology ​编辑2. Definition 3. Lower & Upper Bound 4.Hardness 5.Approximation & Classification 6. Necessity of floor(n/3) 1.Methodology 多边形三角剖分 点集三角剖分 2. Definition 假设存在一个艺术馆&#xff0c;里面存在很大艺术品需…...

编程日记 2025/5/2 7:12:54

[蓝桥杯 2023 国 Python B] 划分 Java

import java.util.*;public class Main {public static void main(String[] args) {Scanner sc new Scanner(System.in);int[] arr new int[41];int sum 0;for (int i 1; i < 40; i) {arr[i] sc.nextInt();sum arr[i];}sc.close();int target sum / 2; // 最接近的两…...

编程日记 2025/5/2 7:12:54

计算机网络——HTTP/IP 协议通俗入门详解

HTTP/IP 协议通俗入门详解 一、什么是 HTTP 协议&#xff1f;1. 基本定义2. HTTP 是怎么工作的&#xff1f; 二、HTTP 协议的特点三、HTTPS 是什么&#xff1f;它和 HTTP 有啥区别&#xff1f;1. HTTPS 概述2. HTTP vs HTTPS 四、HTTP 的通信过程步骤详解&#xff1a; 五、常见…...

编程日记 2025/5/2 7:12:53

渗透测试中的那些“水洞”：分析与防御

1. Nginx 版本泄露 风险分析&#xff1a; Nginx 默认会在响应头中返回 Server: nginx/x.x.x&#xff0c;攻击者可利用该信息匹配已知漏洞进行攻击。 防御措施&#xff1a; 修改 nginx.conf 配置文件&#xff0c;隐藏版本信息&#xff1a;server_tokens off;使用 WAF 进行信息…...

编程日记 2025/5/2 7:12:52

攻防世界 - Misc - Level 3 | 3-1

&#x1f31f; 关注这个靶场的其它相关笔记&#xff1a;CTF 靶场笔记 —— 攻防世界&#xff08;XCTF&#xff09; 过关思路合集 0x01&#xff1a;考点速览 本题考察的是 Misc 中的流量分析题&#xff0c;想要通过此关&#xff0c;你需要具备以下技术&#xff1a; 会通过 010 …...

编程日记 2025/5/2 7:10:46

安装linux下的idea

1.有可能传不了文件 2.按这个包里的流程装 通过网盘分享的文件&#xff1a;idea旗下所有产品.txt 链接: https://pan.baidu.com/s/1kHHkW3DB3z3a6CG0qnMkWA?pwdgg3f 提取码: gg3f...

编程日记 2025/5/2 7:09:45

【音频】基础知识

1、原始数据 1）音频信号：声音是一种机械波，经过麦克风等设备转化为电信号，再经过模数转换（ADC）变成数字信号，这个数字信号就是音频信号。 2）音频信号的参数： 采样率：一秒钟内对音频的模拟信号采样的个数； 8000Hz：主要用于电话通信 、满足基本的语音通信需求，同时…...

编程日记 2025/5/2 7:09:44

系统思考：企业效率提升关键

最近在辅导一家企业时&#xff0c;我们一起画出了这张图。老板说&#xff1a;“我每天都在救火&#xff0c;员工效率不高&#xff0c;我只能不断加班加点&#xff0c;亲自盯、亲自跑、亲自上阵……” 但图画出来才发现&#xff0c;问题不是出在员工不够努力&#xff0c;也不是老…...

编程日记 2025/5/2 7:09:44

MySQL 查找指定表名的表的主键

原理 SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.KEY_COLUMN_USAGE WHERE TABLE_NAME 表名 AND CONSTRAINT_NAME PRIMARY方法 public static String getPk(String tableName) {String sql "SELECT COLUMN_NAME FROM INFORMATION_SCHEMA.KEY_COLUMN_USAGE WHERE TA…...

编程日记 2025/5/2 7:06:34

华为eNSP:IS-IS认证

一、什么是IS-IS认证&#xff1f; 华为eNSP中的IS-IS认证 IS-IS认证是华为eNSP网络中用于保障中间系统到中间系统&#xff08;IS-IS&#xff09;协议通信安全性的核心机制&#xff0c;通过身份验证和数据完整性校验防止非法路由信息注入或篡改。其实现方式与关键特性如下&…...

编程日记 2025/5/2 7:06:32

qemu(4) -- qemu-system-arm使用

1. 前言 参考网上的资料&#xff0c;使用qemu中的vexpress_a9板子&#xff0c;跑一下Linux环境。 2. 源码 2.1 u-boot 可以到U-Boot官网下载对应的源码&#xff0c;我下载的是u-boot-2025.04-rc5.tar.gz&#xff0c;大约24MB。 3.2 linux 可以到The Linux Kernel Archive…...

编程日记 2025/5/2 7:05:30

JavaScript基础-递增和递减运算符

在JavaScript编程中&#xff0c;递增()和递减(--)运算符是操作数值变量的快捷方式。它们能够简洁地对变量值进行加一或减一的操作。尽管看似简单&#xff0c;但正确理解这两种运算符的不同使用方式&#xff08;前缀与后缀&#xff09;对于编写高效且无误的代码至关重要。本文将…...

编程日记 2025/5/2 7:04:29

解决Win10虚拟机“网络连接不上”，“Ethernet0 网络电缆被拔出”的问题

一、情景引入 今天用Win10虚拟机打开浏览器发现&#xff1a; 很奇怪&#xff0c;平常都没有这个问题。 二、检查网络状态 点击更改适配器选项&#xff0c;发现如下&#xff1a; 三、解决问题 打开任务管理器&#xff0c;点击服务&#xff0c;搜索栏搜索&#xff1a;VM …...

编程日记 2025/5/2 7:04:28

【Redis】String详细介绍及其应用场景

文章目录 String类型存储方式set命令get命令mset命令mget命令setnx命令setex和psetex命令incr和decr命令系列append命令--raw选项让redis尝试将二进制数据翻译 getrange命令setrange命令strlen命令字符串类型命令小结string内部的编码方式string类型的典型应用场景1.RedisMySQL…...

编程日记 2025/5/2 7:04:27

C++负载均衡远程调用学习之消息路分发机制

目录 1.LARV0.5-TCP_server链接管理的功能实现及测试 2.LARV0.6 3.LARV0.6 4.LARV0.6 5.LARV0.6-tcp_server集成 6.LARV0.6-tcp_server集成消息路由分发机制总结 7.LARV0.6回顾 1.LARV0.5-TCP_server链接管理的功能实现及测试 ### 16.2 完成Lars Reactor V0.12开发 ###…...

编程日记 2025/5/2 7:04:27

实现了一个基于寄存器操作STM32F103C8t6的工程， 并实现对PA1，PA2接LED正极的点灯操作

#include "stm32f10x.h"// 基于寄存器开发的项目了 int main(){RCC->APB2ENR 0x00000004; // 开启时钟GPIOA->CRL 0x00003330; // 配置引脚 // 0011 0011 0000GPIOA->ODR 0x0000000E; // 1110while(1){} }...

编程日记 2025/5/2 7:02:25