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

HTML5 详细学习笔记

news 来源：原创 2025/6/28 9:28:54

1. HTML5 简介

HTML5 是最新的 HTML 标准，于 2014 年 10 月由 W3C 完成标准制定。它增加了许多新特性，包括语义化标签、多媒体支持、图形效果、离线存储等。

1.1 HTML5 文档基本结构

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML5 文档标题</title>
</head>
<body><!-- 页面内容 -->
</body>
</html>

<!DOCTYPE html>: 声明文档类型为 HTML5
<html>: 根元素，lang 属性指定文档语言
<head>: 包含文档的元信息
<meta charset="UTF-8">: 指定字符编码为 UTF-8
<title>: 定义文档标题，显示在浏览器标签页上
<body>: 包含文档的可见内容

1.2HTML5 全局属性

属性	描述	示例
`id`	定义元素的唯一标识符，用于在文档中唯一标识一个元素	`<div id="uniqueDiv">内容</div>`
`class`	定义元素的类名，用于 CSS 样式或 JavaScript 操作	`<div class="myClass">内容</div>`
`style`	定义元素的内联样式	`<div style="color:red;">红色文本</div>`
`title`	定义元素的额外信息，鼠标悬停时显示	`<div title="提示信息">内容</div>`
`lang`	定义元素内容的语言代码（如 `en`、`zh`）	`<div lang="en">English Content</div>`
`dir`	定义元素内容的文本方向（`ltr`、`rtl`、`auto`）	`<div dir="rtl">从右到左的文本</div>`
`hidden`	定义元素是否隐藏（等同于 `display: none`）	`<div hidden>隐藏内容</div>`
`contenteditable`	定义元素是否可编辑（`true` 或 `false`）	`<div contenteditable="true">可编辑内容</div>`
`tabindex`	定义元素的 Tab 键顺序，控制元素的焦点顺序	`<button tabindex="1">按钮1</button>`
`accesskey`	定义访问元素的快捷键	`<button accesskey="s">保存</button>`
`draggable`	定义元素是否可拖动（`true` 或 `false`）	`<div draggable="true">可拖动内容</div>`
`spellcheck`	定义是否对元素内容进行拼写检查（`true` 或 `false`）	`<input type="text" spellcheck="true">`
`translate`	定义元素内容是否翻译（`yes` 或 `no`）	`<div translate="no">不翻译的内容</div>`
`data-*`	自定义数据属性，用于存储私有数据	`<div data-id="123" data-name="example">内容</div>`

2. HTML5 中的标签

2.1文本格式化标签

标签	描述	属性	示例
`<h1>`~`<h6>`	标题标签，影响搜索引擎排名	无特有属性	`<h1>一级标题</h1>`
`<p>`	段落标签	无特有属性	`<p>这是一个段落。</p>`
`<em>`	强调文本，通常显示为斜体	无特有属性	`<em>强调文本</em>`
`<strong>`	定义语气更强的强调文本，通常显示为粗体	无特有属性	`<strong>重要文本</strong>`
`<del>`	定义删除的文本	无特有属性	`<del>删除文本</del>`
`<ins>`	定义插入文档的文本	无特有属性	`<ins>插入文本</ins>`
`<b>`	纯文本加粗，不强调语义	无特有属性	`<b>加粗文本</b>`
`<i>`	纯文本斜体，不强调语义	无特有属性	`<i>斜体文本</i>`
`<u>`	下划线文本，用于表示链接或特殊含义	无特有属性	`<u>下划线文本</u>`
`<s>`	表示文本不再有效	无特有属性	`<s>不再有效的文本</s>`
`<mark>`	高亮文本，用于突出显示文本	无特有属性	`<mark>高亮文本</mark>`
`<small>`	小号文本，用于展示次要或辅助信息	无特有属性	`<small>小号文本</small>`
`<sub>`	下标，如化学公式中的指数	无特有属性	`<sub>下标文本</sub>`
`<sup>`	上标，如平方根符号	无特有属性	`<sup>上标文本</sup>`
`<br>`	换行标签，用于强制换行	无特有属性	`这是第一行<br>这是第二行`
`<hr>`	水平线标签，用于分隔内容	无特有属性	`<hr>`

2.2图像视频音频与链接标签

标签	描述	属性	示例
`<img>`	定义HTML页面中的图像	`src`：指定图像的URL；`alt`：图像的替换文本	`<img src="image.jpg" alt="描述性文字">`
`<a>`	定义超链接	`href`：指定链接目标；`target`：规定打开新页面的位置	`<a href="https://example.com" target="_blank">链接文本</a>`
`<audio>`	定义音频内容	`src`：音频文件的路径；`controls`：显示音频播放控件；`autoplay`：自动播放音频；`loop`：循环播放音频	`<audio src="audio.mp3" controls autoplay loop></audio>`
`<video>`	定义视频内容	`src`：视频文件的路径；`controls`：显示视频播放控件；`autoplay`：自动播放视频；`loop`：循环播放视频；`width`/`height`：设置视频的宽度和高度	`<video src="video.mp4" controls autoplay loop width="640" height="480"></video>`
`<source>`	为`<audio>`或`<video>`指定多种媒体资源	`src`：媒体文件的路径；`type`：媒体文件的MIME类型	`<audio controls><source src="audio.mp3" type="audio/mpeg"><source src="audio.ogg" type="audio/ogg"></audio>`

2.3列表标签

标签	描述	属性	示例
`<ul>`	定义无序列表	无特有属性	`<ul><li>项目1</li><li>项目2</li></ul>`
`<ol>`	定义有序列表	`start`：定义第一个数字	`<ol start="3"><li>项目1</li><li>项目2</li></ol>`
`<li>`	定义列表项	无特有属性	`<li>列表项</li>`

2.4HTML5 描述列表标签

`<dl>`	定义描述列表，用于将术语和描述组合在一起	无特有属性，支持全局属性	`<dl><dt>术语1</dt><dd>描述1</dd><dt>术语2</dt><dd>描述2</dd></dl>`
`<dt>`	定义描述列表中的术语或名称	无特有属性，支持全局属性	`<dt>术语1</dt>`
`<dd>`	定义描述列表中术语的描述或解释	无特有属性，支持全局属性	`<dd>描述1</dd>`

2.5表格标签

标签	描述	属性	示例
`<table>`	定义表格	`border`：规定表格的单元格是否具有边框；`cellspacing`：设置单元格之间的空白；`cellpadding`：规定单元边沿与其内容之间的空白；`width`/`height`：设置表格的宽度和高度	`<table border="1" cellpadding="5" cellspacing="0" width="500" height="300">`
`<tr>`	定义表格中的行	无特有属性	`<tr><td>行内容</td></tr>`
`<td>`	定义表格中的单元格	`rowspan`：行跨度；`colspan`：列跨度	`<td rowspan="2" colspan="2">跨行跨列单元格</td>`
`<th>`	定义表头单元格	无特有属性	`<th>表头单元格</th>`
`<thead>`	定义表格的头部区域	无特有属性	`<thead><tr><th>表头</th></tr></thead>`
`<tbody>`	定义表格的主体区域	无特有属性	`<tbody><tr><td>主体内容</td></tr></tbody>`
`<tfoot>`	定义表格的脚注区域	无特有属性	`<tfoot><tr><td>脚注内容</td></tr></tfoot>`
`<caption>`	定义表格的标题，位于表格的顶部或底部	无特有属性	`<caption>表格标题</caption>`

2.6表单与输入标签

标签	描述	属性	示例
`<form>`	定义表单	`action`：表单数据提交地址；`method`：表单提交方式（`get`或`post`）；`autocomplete`：是否启用自动完成功能（`on`/`off`）；`enctype`：表单数据编码类型（如`application/x-www-form-urlencoded`）；`name`：表单名称；`novalidate`：取消表单验证；`target`：提交后响应的显示目标（如`_blank`）	`<form action="submit.php" method="post" autocomplete="on" enctype="application/x-www-form-urlencoded" name="myForm" novalidate target="_self"></form>`
`<input>`	定义输入框	`type`：输入框类型（如`text`、`password`、`submit`、`reset`、`button`、`checkbox`、`radio`等）；`name`：输入框名称；`value`：输入框默认值；`placeholder`：输入框提示文本；`required`：是否必填；`readonly`：是否只读；`disabled`：是否禁用；`autofocus`：是否自动获取焦点；`form`：关联表单的`id`；`list`：关联`<datalist>`的`id`	`<input type="text" name="username" value="默认值" placeholder="请输入用户名" required readonly disabled autofocus form="myForm" list="datalistId">`
`<textarea>`	定义多行文本框	`rows`：设置多行文本框的行数；`cols`：设置多行文本框的列数；`name`：名称；`placeholder`：提示文本；`required`：是否必填；`readonly`：是否只读；`disabled`：是否禁用；`maxlength`/`minlength`：最大/最小长度	`<textarea rows="4" cols="50" name="description" placeholder="请输入描述" required readonly disabled maxlength="100" minlength="10"></textarea>`
`<button>`	定义按钮	`type`：按钮类型（如`submit`、`reset`、`button`）；`name`：按钮名称；`value`：按钮值；`disabled`：是否禁用；`form`：关联表单的`id`；`formaction`：覆盖表单的`action`属性；`formenctype`：覆盖表单的`enctype`属性；`formmethod`：覆盖表单的`method`属性；`formnovalidate`：覆盖表单的`novalidate`属性	`<button type="submit" name="submitBtn" value="submitValue" disabled form="myForm" formaction="submit.php" formenctype="application/x-www-form-urlencoded" formmethod="post" formnovalidate>提交</button>`

2.6.1HTML5表单输入框类型

类型	描述	示例
`text`	单行文本输入框	`<input type="text" name="username">`
`password`	密码输入框，输入内容以点或星号显示	`<input type="password" name="password">`
`checkbox`	复选框，可多选	`<input type="checkbox" name="hobby" value="reading">阅读`
`radio`	单选框，同一组中只能选一个	`<input type="radio" name="gender" value="male">男`
`submit`	提交按钮，用于提交表单数据	`<input type="submit" value="提交">`
`reset`	重置按钮，用于将表单恢复到初始值	`<input type="reset" value="重置">`
`button`	普通按钮，需配合JavaScript使用	`<input type="button" value="点击我">`
`file`	文件上传输入框，用于选择文件上传	`<input type="file" name="avatar">`
`date`	日期选择输入框	`<input type="date" name="birthday">`
`time`	时间选择输入框	`<input type="time" name="appointment">`
`datetime-local`	本地日期和时间选择输入框	`<input type="datetime-local" name="event-time">`
`email`	电子邮件输入框，自动验证输入内容是否为有效电子邮件格式	`<input type="email" name="email">`
`number`	数字输入框，可设置最小值、最大值和步长	`<input type="number" name="age" min="18" max="99" step="1">`
`range`	范围选择输入框，以滑块形式选择数值范围	`<input type="range" name="volume" min="0" max="100">`
`url`	网址输入框，自动验证输入内容是否为有效网址格式	`<input type="url" name="website">`
`search`	搜索输入框，通常带有清除按钮	`<input type="search" name="query">`
`tel`	电话号码输入框	`<input type="tel" name="phone">`

2.7HTML5表单辅助标签

标签	描述	示例
`<label>`	定义表单控件的标签，增强用户体验和可访问性	`<label for="username">用户名：</label><input type="text" id="username" name="username">`
`<fieldset>`	对表单中的相关元素进行分组	`<fieldset><legend>个人信息</legend><label for="name">姓名：</label><input type="text" id="name" name="name"></fieldset>`
`<legend>`	定义`<fieldset>`元素的标题	`<fieldset><legend>个人信息</legend>...</fieldset>`
`<datalist>`	定义输入字段的选项列表，提供自动完成功能	`<input list="browsers" name="browser"><datalist id="browsers"><option value="Internet Explorer"><option value="Firefox"><option value="Chrome"></datalist>`
`<output>`	定义不同类型的输出，如计算结果	`<form oninput="a.value=parseInt(b.value)+parseInt(c.value)">0<input type="range" id="b" value="50">100+<input type="number" id="c" value="50">=<output name="a" for="b c"></output></form>`
`<progress>`	定义任何类型的进度条	`<progress value="22" max="100"></progress>`
`<meter>`	定义预定义范围内的标量测量（或分数）	`<meter value="2" min="0" max="10">2 out of 10</meter>`

2.8HTML5新增语义化标签（基本是在手机端使用的）

标签	描述	属性	示例
`<article>`	定义页面独立的内容区域	无特有属性	`<article>这是独立的内容区域</article>`
`<aside>`	定义页面的侧边栏内容	无特有属性	`<aside>这是侧边栏内容</aside>`
`<header>`	定义文档的头部区域	无特有属性	`<header>这是文档头部区域</header>`
`<footer>`	定义section或document的页脚	无特有属性	`<footer>这是页脚内容</footer>`
`<nav>`	定义导航链接的部分	无特有属性	`<nav>这是导航链接部分</nav>`
`<section>`	定义文档中的节（section）	无特有属性	`<section>这是文档中的一个节</section>`

HTML5 详细学习笔记

1. HTML5 简介 HTML5 是最新的 HTML 标准，于 2014 年 10 月由 W3C 完成标准制定。它增加了许多新特性，包括语义化标签、多媒体支持、图形效果、离线存储等。 1.1 HTML5 文档基本结构 <!DOCTYPE html> <html lang"zh-CN"> <h…...

编程日记 2025/6/28 9:28:54

真.从“零”搞 VSCode+STM32CubeMx+C ＜1＞构建

目录前言准备工作创建STM32CubeMx项目 VSCode导入项目&配置构建错误调试后记前言去年10月开始接触单片机，一直在用树莓派的Pico，之前一直用Micropython，玩的不亦乐乎，试错阶段优势明显，很快就能鼓捣一…...

编程日记 2025/6/26 0:54:41

Pikachu靶场

本质是信任了不可信的客户端输入。防御核心： 永不信任客户端提交的权限参数（如 user_id, role）。强制服务端校验用户身份与操作权限。定期审计权限模型，避免业务迭代引入新漏洞。水平越权 1，按照网站的提示要求登录进…...

编程日记 2025/6/25 8:06:25

五、web自动化测试01

目录一、HTML基础1、HTML介绍2、常用标签3、基础案例3.1 前端代码3.2 自动化测试二、CSS定位1、css介绍2、案例3、代码优化三、表单自动化1、案例2、元素属性定位四、后台基础数据自动化1、登录1.1 id与class定位1.2 定位一组元素 2、商品新增一、HTML基础可参考学习链…...

编程日记 2025/5/29 14:37:27

利用软件I2C驱动OLED，点亮、熄灭OLED屏幕以及获取当前OLED屏幕开启状态

题目： 参考《I2C通信》的文档，自行连接电路，利用软件I2C驱动OLED，点亮、熄灭OLED屏幕以及获取当前OLED屏幕开启状态。　　可以优先实现: 软件I2C初始化函数,用于初始化IO引脚　　再实现: 主机发起始位和停止位,主机发送1个字节,…...

编程日记 2025/6/28 9:07:22

数据结构——栈与队列

1.栈 1.1概念一种特殊的线性表，其只允许在固定的一端进行插入和删除元素操作。进行数据插入和删除操作的一端称为栈顶，另一端称为栈底。栈中的数据元素遵守后进先出 LIFO （ Last In First Out ）的原则。压栈：栈…...

编程日记 2025/5/15 14:37:24

【嵌入式系统设计师（软考中级）】第二章：嵌入式系统硬件基础知识(3)

文章目录 4. 嵌入式系统I/O接口4.1 GPIO与PWM接口4.1.1 GPIO接口（General-Purpose Input/Output）4.1.2 PWM接口（Pulse Width Modulation） 4.2 A/D与D/A接口的基本原理与结构4.2.1 DA转换（数模转换，Digital-…...

编程日记 2025/6/25 1:23:19

【网络安全】社会工程学策略

1. 社会工程学简介社会工程攻击是威胁行为者常用的攻击方式。这是因为，诱骗人们提供访问权限、信息或金钱通常比利用软件或网络漏洞更容易。您可能还记得，社会工程学是一种利用人为错误来获取私人信息、访问权限或贵重物品的操纵技术。它是一个涵盖性…...

编程日记 2025/6/28 9:21:07

ROS2---时间戳对齐

一、ROS2时间系统架构时间模型仿真时间（Simulation Time）：由/clock话题驱动，适用于离线仿真与调试。真实时间（Real Time）：基于系统硬件时钟，支持PTP协议（IEEE 1588&…...

编程日记 2025/6/27 7:40:07

C语言教程（十五）：C 语言函数指针与回调函数详解

一、函数指针 1.1 函数指针的概念在 C 语言中，函数指针是指向函数的指针变量。每个函数在内存中都有一个起始地址，函数指针就存储了这个起始地址，通过函数指针可以调用相应的函数。 1.2 函数指针的定义函数指针的定义语法如下：返…...

编程日记 2025/6/28 9:06:23

VSCode如何修改默认扩展路径和用户文件夹目录到其他盘以及微信开发工具如何修改扩展路径到其他盘

ps:因公司电脑c盘内存严重不足，而出本篇文章 1.Visual Studio Code 随着VsCode的使用时间的推移，安装的扩展以及数据逐步增多，导致c盘内存占用较大，所以这里将vscode的默认缓存路径等迁移到其他盘。步骤如下 1.找到默认的存储…...

编程日记 2025/5/20 16:38:00

抽象类相关

抽象类的定义抽象类是一种特殊的类，它不能被实例化，只能作为基类来派生出具体类。抽象类至少包含一个纯虚函数。纯虚函数是在函数原型前加上 0 的虚函数，表示该函数没有具体实现，必须由派生类来实现。抽象类的作用提供统…...

编程日记 2025/6/24 10:56:09

如何测试短信接口

目录一、测试短信接口的基本流程 1. 了解短信接口文档 2. 使用工具测试短信接口示例一：用 curl 测试 POST 请求示例二：用 Postman 设置 POST 请求 3. 编写测试脚本（Python 示例） 二、测试类型和场景 ✅ 正常发送测试 …...

编程日记 2025/6/25 11:59:54

pycharm2024.3.2项目解释器选择问题

问题描述：已经选择了pyau虚拟环境的解释器，运行了conda activate pyau，但是为什么关闭pycharm2024.3.2软件重新启动后，打开终端是(base) PS D:\deepseektest> ，为什么不是(pyau) PS D:\deepseektest> 解决问题&a…...

编程日记 2025/6/25 17:08:23

如何在 Dialog 中安全初始化 ECharts 并自动监听容器大小变化

如何在 Dialog 中安全初始化 ECharts 并自动监听容器大小变化在使用 ECharts 的 Vue 项目中，我们常常会将图表放入弹窗（如 Element UI 的 <el-dialog>）中进行展示。但你是否遇到过以下问题： 图表初次显示尺寸异常&#x…...

编程日记 2025/6/25 4:49:02

如何借助ETL数据集成工具实现数据一致性？

主要可以从以下几个方面入手： 一、数据抽取阶段（Extract） 统一数据源连接方式：ETL工具通常支持多种数据源连接方式，如关系型数据库、非关系型数据库、文件系统、API接口等。在抽取数据时，要确保对各个数据…...

编程日记 2025/5/23 10:46:54

文章题目：Burden of Carbon Monoxide Poisoning in Asian Countries From 1990 to 2021 and Its Projection Until 2030: An Analysis of the Global Burden of Disease Study 2021 DOI：10.2147/CLEP.S512786 中文标题：1990 年至 2021 年亚洲…...

编程日记 2025/6/25 12:33:20

【高中数学/古典概率】4红2黑六选二，求取出两次都是红球的概率

【问题】袋子里装4只红球，2只黑球，大小完全相同，抽两次球，每次抽一只，抽出后不再放回，求取出的两次都是红球的概率。【来源】数林外传系列之《概率与期望》P20 单埻著中国科学技术大学出版社【数学…...

编程日记 2025/6/27 15:46:50

机器人操作中的生成式 AI：综述（上）

25年3月来自香港大学、香港理工、香港科大、浙大和清华大学的论文“Generative Artificial Intelligence in Robotic Manipulation: A Survey”。本综述全面回顾机器人操作领域生成学习模型的最新进展，并探讨该领域的关键挑战。机器人操作面临着关键瓶颈&#xff…...

编程日记 2025/6/25 21:05:56

Spring AI 核心概念

本文是对Spring AI中涉及到的AI相关核心概念的介绍，笔者结合LangChain、LlamaIndex的使用经验，尝试尽可能清晰的把这些概念解释清楚. 读者也可以参考官方文档作为补充. 模型提到AI模型，我们的第一印象一定是GPT,DeepSeek这样的大语言模型(…...

编程日记 2025/6/25 8:21:17

第53.5讲 | 小项目实战：用 SHAP 值解释农作物产量预测模型 [特殊字符][特殊字符]

目录 ✅ 项目背景 📦 所用工具 📁 数据字段（模拟） 🧑‍💻 代码实现步骤 🎯 解读与启发 🧠 项目拓展建议 ✅ 项目背景我们使用一个简化的玉米产量数据集（可模拟实…...

编程日记 2025/6/25 18:52:09

Linux编译器-gcc/g++使用

1.预处理（进行宏替换） -E开始进行程序编译，在预处理做完的时候，停下来 2.编译（生成汇编） -S 开始编译，编译做完了就停下来 3.汇编（生成机器可识别代码） -c 开始翻译汇编…...

编程日记 2025/6/24 19:19:00

SEO的关键词研究与优化第二章

回顾上一篇文章, 3. 关键词评估和选择关键词评估和选择是SEO策略中至关重要的一步。这个过程不仅仅是选择搜索量最高的词，而是要在多个因素之间找到平衡，以确定最有价值的关键词。 3.1 搜索量分析搜索量是评估关键词潜力的首要指标，但它不应…...

编程日记 2025/6/25 8:29:54

数据结构数组

数组特点内存是连续的,所以地址可以偏移，支持下标访问。优点下标访问（随机访问）的时间复杂度是O(1)，末尾增加和删除元素的时间复杂度是O(1)。访问元素前后相邻位置方便，因为数组每个位置内存是连续的&#xff…...

编程日记 2025/6/26 1:25:09

vscode插件系列-2、认识vscode

这一章，我将带你重新认识vscode 一、工作区划分 1、活动条（Activity Bar） 活动条是一个核心的导航，扩展可以通过在View Containers中配置，从而渲染Views中的视图。具体来说就是在package.json中配置如下&…...

编程日记 2025/6/24 22:12:16

Java学习手册：TCP 协议基础

一、TCP 协议概述 TCP（Transmission Control Protocol，传输控制协议）是一种面向连接的、可靠的、基于字节流的传输层通信协议，它在 IP 协议的基础上提供了可靠的数据传输服务。TCP 通过三次握手建立连接，通过四次挥手…...

编程日记 2025/6/27 21:05:19

摘要 | 李录在北大光华管理学院的演讲《价值投资》

李录在北大光华管理学院的演讲《价值投资》是中文投资领域极具影响力的经典内容，尤其是2019年11月的演讲版本。该演讲视频时长90分钟，主要内容围绕价值投资的理论框架、实践难点以及在中国市场的应用展开。以下是该演讲的核心要点解析： 一、价…...

编程日记 2025/6/26 3:57:10

让Docker端口映射受Firewall管理而非iptables

要让Docker容器的端口映射受系统防火墙(如firewalld或ufw)管理，而不是直接通过iptables，可以按照以下步骤配置： 方法一：禁用Docker的iptables规则 （1）编辑Docker配置文件： vi /etc/docker/da…...

编程日记 2025/6/25 23:32:46

数据库数据删除与修改实验

数据库数据删除与修改实验在数据库原理的学习中，数据的删除与修改是核心操作技能。通过“删除修改数据”实验，我系统实践了 SQL 中 UPDATE 和 DELETE 语句的多种应用场景，从基础语法到复杂业务逻辑处理，积累了丰富的实战经验。本…...

编程日记 2025/6/27 22:49:59

多回路电表如何革新电力监控？安科瑞技术深度解析

安科瑞顾强安科瑞电气股份有限公司作为国内领先的能源管理方案提供商，其多回路智能电表系列（如AMC200、AMC300L、ADW200-D10-4S等）凭借多回路计量、高精度测量、无线物联等核心优势，在工业、商业及智能电网领域广泛应用。以下从…...

编程日记 2025/6/26 14:25:41

【云计算】云计算中IaaS、PaaS、SaaS介绍

0 随着云计算、大数据、人工智能发展迅速，布局“云”已经是互联网企业共识。云计算的服务类型分为三种，分别为IaaS、PaaS、SaaS，这三个分别是什么意思，今天做一个简单的介绍和了解。一、云计算云计算是用户需求通过Internet获…...

编程日记 2025/6/25 17:28:17

Ubuntu中选择Python虚拟环境

背景在Ubuntu系统中，如果希望通过一个简单的命令（例如activate）快速查找并激活Python虚拟环境，是可以通过Bash脚本实现的。该脚本的核心功能包括：递归扫描用户家目录（~）中所有非隐藏文件夹&am…...

编程日记 2025/4/26 19:46:57

Nginx 安装与配置全流程指南（2025 最新版）

一、环境准备与依赖安装 1.1 系统要求操作系统：支持主流 Linux 发行版（Ubuntu 20.04/CentOS 7/Debian 10）硬件配置：内存 ≥512MB，磁盘 ≥10GB 可用空间（建议使用 SSD）网络要求：开…...

编程日记 2025/6/25 16:34:46

WAMP设置外网访问

系统：windows 软件：wampserver 设置允许外网访问 1.修改apache的httpd-vhosts.config # Virtual Hosts # <VirtualHost _default_:80>ServerName localhostServerAlias localhostDocumentRoot "${INSTALL_DIR}/www"<Directory "…...

编程日记 2025/6/26 8:17:37

NXP----SVR5510芯片layout设计总结

1，Pinout Information： VR5510是S32G应用处理器的拟议电源管理集成电路（PMIC）。它是一款汽车多输出PMIC，主要用于网关、ADAS、V2X和信息娱乐应用。下面的方框图展示了其主要特点。 2，封装设计&…...

编程日记 2025/6/26 12:08:55

面试之消息队列

消息队列场景什么是消息队列？ 消息队列是一个使用队列来通信的组件，它的本质就是个转发器，包含发消息、存消息、消费消息。消息队列怎么选型？ 特性ActiveMQRabbitMQRocketMQKafka单机吞吐量万级万级10万级10万级时效性毫秒级…...

编程日记 2025/6/26 22:32:27

[创业之路-386]：企业法务 - 知识产权的刑事风险

知识产权的刑事风险是指因侵犯他人知识产权而可能面临的刑事法律责任。对于初创公司而言，了解并防范此类风险至关重要，以下从不同知识产权类型展开详细分析： 一、侵犯商标权的刑事风险风险表现：未经注册商标所有人许可&#…...

编程日记 2025/6/27 13:42:04

Freertos----中断管理

一、中断概念在RTOS中，需要应对各类事件。这些事件很多时候是通过硬件中断产生，怎么处理中断呢？ 假设当前系统正在运行Task1时，用户按下了按键，触发了按键中断。这个中断的处理流程如下： CPU跳到固定地…...

编程日记 2025/6/26 18:55:20

4.4 记忆机制与上下文管理：短期与长期记忆的设计与应用

记忆机制与上下文管理已成为智能代理（Agent）系统实现高效、智能化行为的核心技术。记忆机制通过短期记忆（Short-Term Memory, STM）和长期记忆（Long-Term Memory, LTM）支持Agent存储、检索和利用信息&#x…...

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

ERROR: x264 not found using pkg-config

x264 编译加上了参数，–prefix/usr/local/x264/，找不到x264.pc ffmpeg安装过程中configure报错： sudo ./configure --enable-gpl --enable-libx264 --enable-shared --extra-ldflags-L/usr/lib --extra-cflags-I/usr/include --pkg-config“…...

编程日记 2025/6/26 12:08:54

SpringBoot 封装统一API返回格式对象标准化开发请求封装统一格式处理

统一HTTP请求代码 public class HttpCode {/*** 操作成功*/public static final int SUCCESS 200;/*** 对象创建成功*/public static final int CREATED 201;/*** 请求已经被接受*/public static final int ACCEPTED 202;/*** 操作已经执行成功，但是没有返回数据…...

编程日记 2025/5/10 5:04:39

架构-系统可靠性分析与设计

一、可靠性相关基本概念 1. 可靠性与可用性可靠性：软件系统在遇到错误、意外操作或系统故障时，仍能维持自身功能特性的能力。举例：手机银行APP在用户误操作（如快速点击多次转账）时，仍能正确处理交易并避…...

编程日记 2025/6/28 1:43:29

Tailwind CSS 初学者入门指南：项目集成，主要变更内容！

网站名称类型网址Tailwind CSS 官方文档官方文档https://tailwindcss.com/docsTailwind Play在线编辑器https://play.tailwindcss.com/Tailwind Awesome资源集合https://www.tailwindawesome.com/Tailwind CSS 中文文档中文文档https://www.tailwindcss.cn/komavideo/LearnTail…...

编程日记 2025/5/2 13:28:30

HOJ.单词统计

目录题目算法标签: 模拟, 字符串操作思路代码*后续 A C AC AC代码题目一段英语短文的内容记录于 lines 中，每行输入 lines[i] 仅包含 a-z , . , -，即英文小写字母，空格，逗号，句号和续行符。请统计单词数量&#…...

编程日记 2025/6/26 11:34:40

C++ round 函数笔记 (适用于算法竞赛)

在算法竞赛中，处理浮点数并将其转换为整数是常见的需求，round 函数是标准库提供的用于执行“四舍五入”到最近整数的工具。理解其工作方式和潜在问题对于避免错误至关重要。 1. 基本用法头文件要使用 round 函数，需要包含 <cmath>…...

编程日记 2025/6/26 14:04:41

远程访问服务器的Jupyter Notebook

在 Linux 服务器上安装 Jupyter Notebook 可以直接调用服务器资源，适合处理大规模数据处理、复杂模型训练等计算密集型任务，避免本地设备算力不足的限制。一、安装 Jupyter Notebook（在服务器上）激活 conda 环境安装 conda install jupyter notebook 关于安装命名 1.…...

编程日记 2025/5/10 2:57:33