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

HTML 复习

news 来源：原创 2025/5/9 15:48:22

文章目录

路径问题
标题标签
段落标签
换行标签
列表标签
- `<ol>` 有序列表
- `<ul>` 无序标签
- 标签嵌套
超链接标签
多媒体标签
- `<img>` 图片标签
- `<audio>` 音频标签
- `<video>` 视频标签
表格标签
- `<colspan>` 跨行
- `<rowspan>` 跨列
- 组合使用
表单标签
- 基本表单标签
- 表单项标签
- - 输入控件
  - 选择控件
  - 特殊控件
  - 按钮控件
  - 禁用控件
  - 标签绑定
  - 下拉列表
- `Value` 值问题
- - `<input>` 相关
  - `<textarea>` 文本域
  - `<select>` 下拉列表
布局相关标签

路径问题

相对路径：以当前资源所在路径为出发点找目标资源

./：代表当前路径【可以不写，默认从当前路径开始找
../：代表上一级目录

绝对路径：以盘符开始的

比如：<img src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpg" alt="沙漠图片">

标题标签

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

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

在这里插入图片描述

段落标签

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

<body><p>记者从工信部了解到，近年来我国算力产业规模快速增长，年增长率近30%，算力规模排名全球第二。</p><p>工信部统计显示，截至去年底，我国算力总规模达到180百亿亿次浮点运算/秒，存力总规模超过1000EB（1万亿GB）。国家枢纽节点间的网络单向时延降低到20毫秒以内，算力核心产业规模达到1.8万亿元。中国信息通信研究院测算，算力每投入1元，将带动3至4元的GDP经济增长。</p><p> 近年来，我国算力基础设施发展成效显著，梯次优化的算力供给体系初步构建，算力基础设施的综合能力显著提升。当前，算力正朝智能敏捷、绿色低碳、安全可靠方向发展。</p>
</body>

在这里插入图片描述

换行标签

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

<body>工信部统计显示，截至去年底，我国算力总规模达到180百亿亿次浮点运算/秒，存力总规模超过1000EB（1万亿GB）。<br>国家枢纽节点间的网络单向时延降低到20毫秒以内，算力核心产业规模达到1.8万亿元。<hr>中国信息通信研究院测算，算力每投入1元，将带动3至4元的GDP经济增长。
</body>

在这里插入图片描述

列表标签

`<ol>` 有序列表

列表标签 <ol>
列表项标签 <li>

<ol><li>JAVA</li><li>前端</li><li>大数据</li>
</ol>

在这里插入图片描述

`<ul>` 无序标签

列表标签 <ul>
列表项标签 <li>

<ul><li>JAVASE</li><li>JAVAEE</li><li>数据库</li>
</ul>

在这里插入图片描述

标签嵌套

<ol><li>JAVA<ul><li>JAVASE</li><li>JAVAEE</li><li>数据库</li></ul></li><li>前端</li><li>大数据</li></ol>

在这里插入图片描述

超链接标签

点击后带有链接跳转的标签 ,也叫作 <a> 标签

target 属性

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

<body><!-- href属性用于定义连接href中可以使用绝对路径,以/开头,始终以一个路径作为基准路径作为出发点href中也可以使用相对路径,不以/开头,以当前文件所在路径为出发点href中也可以定义完整的URLtarget用于定义打开的方式_blank 在新窗口中打开目标资源_self  在当前窗口中打开目标资源--><a href="01html的基本结构.html" target="_blank">相对路径本地资源连接</a> <br><a href="/day01-html/01html的基本结构.html" target="_self">绝对路径本地资源连接</a> <br><a href="http://www.atguigu.com" target="_blank">外部资源链接</a> <br></body>

在这里插入图片描述

多媒体标签

`<img>` 图片标签

用于在页面上引入图片

属性

src：用于定义图片的连接
title：用于定义鼠标悬停时显示的文字
alt：用于定义图片加载失败时显示的提示文字

<!-- 
src用于定义图片的连接
title用于定义鼠标悬停时显示的文字
alt用于定义图片加载失败时显示的提示文字
-->
<img src="img/logo.png"  title="尚硅谷" alt="尚硅谷logo" />

在这里插入图片描述

`<audio>` 音频标签

属性

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

   <!-- src用于定义目标声音资源autoplay用于控制打开页面时是否自动播放controls用于控制是否展示控制面板loop用于控制是否进行循环播放--> <audio src="img/music.mp3" autoplay="autoplay" controls="controls" loop="loop" />

在这里插入图片描述

`<video>` 视频标签

属性

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

<body><!-- src用于定义目标视频资源autoplay用于控制打开页面时是否自动播放controls用于控制是否展示控制面板loop用于控制是否进行循环播放--> <video src="img/movie.mp4" autoplay="autoplay" controls="controls" loop="loop" width="400px" />
</body>

在这里插入图片描述

表格标签

<table>：定义 HTML 表格，是整个表格结构的基础容器。
<thead>：定义表格的表头部分，通常包含列标题。虽然可以省略，但明确使用它有助于提高代码的语义性和可维护性
<tbody>：定义表格的主体部分，包含表格的主要数据行。同样可以省略，但在复杂表格中明确使用有助于样式设置和脚本操作
<tfoot>：定义表格的表尾部分，通常包含一些汇总信息。也可省略
<tr>：定义表格中的一行，每个<tr>内可以包含多个<td> 或 <th>
<td>：定义表格行内的一个单元格，用于存放数据。
<th>：类似于 <td>，但它自带加粗和居中效果，通常用于表头单元格。
<caption> ：定义表格的标题，一般位于表格的上方。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML Table Example</title>
</head><body><table border="1"><!-- 表格标题 --><caption>学生成绩表</caption><!-- 表头部分 --><thead><tr><th>姓名</th><th>语文</th><th>数学</th><th>英语</th></tr></thead><!-- 表体部分 --><tbody><tr><td>张三</td><td>85</td><td>90</td><td>88</td></tr><tr><td>李四</td><td>78</td><td>82</td><td>75</td></tr></tbody><!-- 表尾部分 --><tfoot><tr><th>平均分</th><td>81.5</td><td>86</td><td>81.5</td></tr></tfoot></table>
</body></html>

在这里插入图片描述

`<colspan>` 跨行

作用：用于设置单元格跨列，即一个单元格可以跨越多个列。
语法：colspan="值"，其中 “值” 是一个正整数，表示该单元格要跨越的列数。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Colspan Example</title><style>table {border-collapse: collapse;}th,td {border: 1px solid black;padding: 8px;}</style>
</head><body><table><tr><!-- 这个单元格跨越两列 --><th colspan="2">个人信息</th></tr><tr><td>姓名</td><td>张三</td></tr><tr><td>年龄</td><td>25</td></tr></table>
</body></html>

在这里插入图片描述

`<rowspan>` 跨列

作用：用于设置单元格跨行，即一个单元格可以跨越多个行。
语法：rowspan="值"，其中 “值” 是一个正整数，表示该单元格要跨越的行数。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Rowspan Example</title><style>table {border-collapse: collapse;}th,td {border: 1px solid black;padding: 8px;}</style>
</head><body><table><tr><th rowspan="2">联系方式</th><td>电话</td><td>123456789</td></tr><tr><td>邮箱</td><td>zhangsan@example.com</td></tr></table>
</body></html>

在这里插入图片描述

组合使用

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Rowspan and Colspan Example</title><style>table {border-collapse: collapse;}th,td {border: 1px solid black;padding: 8px;}</style>
</head><body><table><tr><!-- 这个单元格既跨行又跨列 --><td rowspan="2" colspan="2">合并区域</td><td>普通单元格</td></tr><tr><td>普通单元格</td></tr><tr><td>普通单元格</td><td>普通单元格</td><td>普通单元格</td></tr></table>
</body></html>

在这里插入图片描述

表单标签

基本表单标签

<from> ：表单标签，其内部用于定义可以让用户输入信息的表单项标签

action 属性：用于定义信息提交的服务器的地址
method 属性：用于定义信息的提交方式
get 方式 —— 数据会缀到 url 后,以?作为参数开始的标识,多个参数用&隔开
post 方式 —— 数据会通过请求体发送,不会在缀到url后

<input>：主要的表单项标签,可以用于定义表单项

name 属性：用于定义提交的参数名
type 属性：用于定义表单项类型

表单项标签

输入控件

文本框：<input type = "text">
密码框：<input type = "password>"
文本域：<textarea>

<textarea> 属性

clos：表示文本区域的宽度大约能显示 X 个平均字符
rows：表示文本区域的高度大约能显示 X 行文本

<from action="#" method="get">用户名 <input type="text" name="username"> <br>密码 <input type="password" name="password">自我介绍 <textarea name = "textarea" cols="10" rows="10"></textarea><input type="submit" value="提交数据">
</from>

在这里插入图片描述

选择控件

通用属性：checked = "checked" 表示默认的选择
单选框：<input type = "radio">

<body><form action="#" method="get">性别: 男<input type="radio" name="sex" value="1" checked="checked">女<input type="radio" name="sex" value="2"><br><input type="submit" value="提交数据"></form>
</body>

在这里插入图片描述

多选框

使用 <input type="checkbox"> 来创建多选框。可以通过 name 属性为多选框分组，value 属性指定每个选项的值

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>多选框基础使用</title>
</head><body><form><p>请选择你喜欢的水果：</p><input type="checkbox" id="apple" name="fruits" value="apple"><label for="apple">苹果</label><br><input type="checkbox" id="banana" name="fruits" value="banana"><label for="banana">香蕉</label><br><input type="checkbox" id="orange" name="fruits" value="orange"><label for="orange">橙子</label><br><input type="submit" value="提交"></form>
</body></html>

特殊控件

文件上传：<input type="file">

需要在表单 from 中添加属性 enctype="multipart/form-data" 表示可以提交二进制文件

<body><form action="#" method="post" enctype="multipart/form-data">上传头像<input type="file" name="file"><br><input type="submit" value="提交数据"></form>
</body>

在这里插入图片描述

按钮控件

提交按钮：<input type="submit"> 没有 value 默认文字就是提交
重置按钮：<input type="reset"> 没有 value 默认文字就是重置，
普通按钮：<input type="button"> 没有 value 默认是空白

说明

普通按钮: 点击后无效果，需要通过 JavaScript 绑定单击响应函数
重置按钮: 点击后将表单内的所有表单项都恢复为默认值
提交按钮: 点击后提交表单

常用事件属性

onclick ：当用户点击带有该属性的元素（如<button>）时，会触发指定的 JavaScript 函数或代码块
ondblclick：当元素被双击时触发指定的 JavaScript 代码
onmouseover：当鼠标指针移动到元素上时触发。`
onmouseout：当鼠标指针从元素上移开时触发

<body><form action="#">用户名<input type="text" name="username"><br>提交<input type="submit" value="提交数据"><br>重置<input type="reset" value="重置数据"><br>普通按钮<input type="button" value="普通按钮">//以下也行<button type="button">普通按钮</button><button type="reset">重置按钮</button><button type="submit">提交按钮</button></form>
</body>

在这里插入图片描述

禁用控件

属性：disabled = "disabled"：禁用控件

<body><from action="#">用户名<input type="text" name="username" disabled = "disabled" value="zhangsan"></from>
</body>

这里的 value 就是禁用框里的值
在这里插入图片描述

标签绑定

用户跳转到 id 绑定的内容，点击这个就等于点击那个框框
.
<label for="id名"><label>

<body><form accept="#"><label for="inputText">用户名</label><input id="inputText" type="text" name="username"></form>
</body>

点击用户名就是点击搜索框
在这里插入图片描述

下拉列表

<select> 元素用于创建下拉列表，<option> 元素用于定义下拉列表中的选项。

属性：selected 属性来设置默认选中的选项。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>设置默认选中项</title>
</head><body><form><label for="city">选择一个城市:</label><select id="city" name="city"><option value="beijing">北京</option><option value="shanghai" selected>上海</option><option value="guangzhou">广州</option></select><input type="submit" value="提交"></form>
</body></html>

`Value` 值问题

`<input>` 相关

type="text"、type="password"、type="hidden"等文本输入相关类型：

用于设置初始显示在输入框中的默认值，以便为用户提供示例或提示信息。比如，<input type="text" value="请输入用户名">。
框中值就提交，没值看 value 默认值。如果都没有就为空字符串

type="radio"（单选按钮）和type="checkbox"（复选框）

确定被选中时提交到服务器的值。例如，<input type="radio" name="gender" value="male">男，当这个单选按钮被选中时，提交到服务器的值为 “male”
对于复选框，如果有多个复选框具有相同的name属性，每个复选框的value值将决定被选中时提交的值。
按钮通常都要 value

type="button"和type="submit"、type="reset"

当按钮的 type 为 submit 时，除了显示文本，value 属性的值会作为表单数据的一部分提交到服务器（前提是按钮设置了name 属性）。服务器端可以根据这个值来判断用户点击的是哪个提交按钮，从而执行不同的业务逻辑。
其他就是改变文本作用

`<textarea>` 文本域

提交时，的内容会以键值对的形式发送到服务器，键是 textarea 元素的 name 属性值，值就是文本域内的实际内容。如果用户未修改则是初始内容；若用户进行了编辑，则是编辑后的内容

`<select>` 下拉列表

<option> 元素的 value 属性主要用于确定当该选项被选中并提交表单时，会发送到服务器的值。这个值可以是任意字符串，它不一定与选项显示给用户的文本内容相同。
如果 <option> 元素没有设置 value 属性，那么在该选项被选中并提交表单时，选项的文本内容将作为提交的值发送到服务器。

布局相关标签

div标签俗称"块",主要用于划分页面结构,做页面布局
span标签俗称"层",主要用于划分元素范围,配合CSS做页面元素样式的修饰

div

<body><div>我是块级标签</div><div>我是块级标签</div><div>我是块级标签</div>
</body>

在这里插入图片描述
span

<body><span>我是行级标签</span><span>我是行级标签</span><span>我是行级标签</span>
</body>

在这里插入图片描述

HTML 复习

文章目录路径问题标题标签段落标签换行标签列表标签<ol> 有序列表<ul> 无序标签标签嵌套超链接标签多媒体标签<img> 图片标签<audio> 音频标签<video> 视频标签表格标签<colspan> 跨行<rowspan> 跨列组合使用表单标签基本表单标…...

编程日记 2025/5/9 15:48:22

网络爬虫学习：借助DeepSeek完善爬虫软件，增加停止任务功能

一、引言我从24年11月份开始学习网络爬虫应用开发，经过2个来月的努力，终于完成了开发一款网络爬虫软件的学习目标。这几天对本次学习及应用开发进行一下回顾总结。前面已经发布了两篇日志： 网络爬虫学习：应用selenium从搜*狐搜…...

编程日记 2025/4/30 1:22:25

【数据结构】单向链表（真正的零基础）

放弃眼高手低，你真正投入学习，会因为找到一个新方法产生成就感，学习不仅是片面的记单词、学高数......只要是提升自己的过程，探索到了未知，就是学习。目录一.链表的理解二.链表的分类（重点理解&#xf…...

编程日记 2025/5/9 9:50:55

8. k8s二进制集群之Kubectl部署

创建kubectl证书请求文件生成admin证书文件复制admin证书到指定目录生成kubeconfig配置文件接下来完成kubectl配置文件的角色绑定【扩展】kubectl命令补全操作继续上一篇文章《k8s二进制集群之Kube ApiServer部署》下面介绍一下k8s中的命令行管理工具kubectl。通过kubectl可以…...

编程日记 2025/5/9 13:51:50

115，【7】攻防世界 web fileinclude

进入靶场试着访问了几个文件，都没得到信息，f12看看源码还真有 <?php // 检查是否开启了错误显示功能 // ini_get 函数用于获取 PHP 配置选项的值，这里检查 display_errors 选项是否开启 if( !ini_get(display_errors) ) {// 如果错误…...

编程日记 2025/5/9 13:39:51

RabbitMQ 从入门到精通：从工作模式到集群部署实战（二）

接上篇：《RabbitMQ 从入门到精通：从工作模式到集群部署实战（一）》链接文章目录 4.安装RabbitMQ Messaging Topology Operator 裸金属环境部署RabbitMQ部署单实例部署集群 4.安装RabbitMQ Messaging Topology Operator 使用 cer…...

编程日记 2025/5/9 7:05:14

【MySQL】MySQL经典面试题深度解析

文章目录一、MySQL与C的深度结合1.1 为什么C项目需要MySQL？1.2 典型应用场景二、基础概念面试题精讲2.1 存储引擎对比2.2 索引原理三、C专项面试题解析3.1 连接池实现3.2 预处理语句3.3 批量操作优化四、高级应用面试题剖析4.1 事务隔离级别4.2 锁机制详解4.3 查…...

编程日记 2025/5/9 14:15:19

小程序-基础加强

前言这一节把基础加强讲完 1. 导入需要用到的小程序项目 2. 初步安装和使用vant组件库这里还可以扫描二维码其中步骤四没什么用右键选择最后一个在开始之前，我们的项目根目录得有package.json 没有的话，我们就初始化一个但是我们没有npm这个…...

编程日记 2025/5/9 13:48:24

vscode+CMake+Debug实现及权限不足等诸多问题汇总

环境说明有空再补充直接贴两个json tasks.json {"version": "2.0.0","tasks": [{"label": "cmake","type": "shell","command": "cmake","args": ["../"…...

编程日记 2025/5/7 5:19:44

零基础Vue入门6——Vue router

本节重点： 路由定义路由跳转前面几节学习的都是单页面的功能（都在专栏里面https://blog.csdn.net/zhanggongzichu/category_12883540.html），涉及到项目研发都是有很多页面的，这里就需要用到路由（vue route…...

编程日记 2025/5/5 20:34:05

【疑海破局】一个注解引发的线上事故

【疑海破局】一个注解引发的线上事故 1、问题背景在不久前一个阳光明媚的上午，我的思绪正在代码中游走、双手正在键盘上飞舞。突然，公司内部通讯工具上，我被拉进了一个临时工作群，只见群中产品、运营、运维、测试等关键人员全部严阵以待，我就知道大的可能要来了。果不其…...

编程日记 2025/5/2 21:49:02

C语言：函数栈帧的创建和销毁

目录 1.什么是函数栈帧2.理解函数栈帧能解决什么问题3.函数栈帧的创建和销毁的过程解析3.1 什么是栈3.2 认识相关寄存器和汇编指令3.3 解析函数栈帧的创建和销毁过程3.3.1 准备环境3.3.2 函数的调用堆栈3.3.3 转到反汇编3.3.4 函数栈帧的创建和销毁 1.什么是函数栈帧在写C语言…...

编程日记 2025/5/5 1:28:00

IDEA启动项目慢问题处理

IDEA启动项目慢问题处理一、问题现象二、问题排查排查点1：idea内存排查点2：应用内存排查点3：shorten command lineclasspath filejar manifest 排查点4：jstack排查三、问题定位一、问题现象多模块工程，启动模块为…...

编程日记 2025/5/6 8:52:14

Denavit-Hartenberg DH MDH坐标系

Denavit-Hartenberg坐标系及其规则详解 6轴协作机器人的MDH模型详细图_6轴mdh-CSDN博客 N轴机械臂的MDH正向建模，及python算法_mdh建模-CSDN博客运动学3-----正向运动学 | 鱼香ROS 机器人学：MDH建模 - 哆啦美 - 博客园机械臂学习——标准DH法和改进MDH…...

编程日记 2025/5/5 23:14:58

Unity 快速入门 1 - 界面操作

本项目将快速介绍 Unity 6的基本操作和功能，下载附件的项目，解压到硬盘，例如 D:\Unity Projects\， 注意整个文件路径中只有英文、空格或数字，不要有中文或其他特殊符合。 1. 打开Unity Hub，点击右上角的 O…...

编程日记 2025/5/4 17:56:18

美国网络司令部军事网络指挥框架战略转型与挑战分析

文章目录前言一、框架核心内容：从分散到集中，构建标准化作战体系二、指挥体系重构：权责明晰与集中化管控三、风险管理创新：从被动防御到主动备战四、对美军网络作战的影响总结前言 2024年9月，美国网络司令部发布《国…...

编程日记 2025/5/5 15:05:06

9-收纳的知识

[ComponentOf(typeof(xxx))]组件描述，表示是哪个实体的组件 [EntitySystemOf(typeof(xxx))] 系统描述 [Event(SceneType.Demo)] 定义事件，在指定场景的指定事件发生后触发 [ChildOf(typeof(ComputersComponent))] 标明是谁的子实体 [ResponseType(na…...

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

Linux 压缩打包

Linux压缩打包文章目录 Linux压缩打包压缩的意义和原理压缩的意义压缩的原理压缩与解压缩的好处压缩打包命令.zipzip 命令用法unzip 的用法.gzgzip 的用法gunzip 的用法.bz2bzip2 的用法bunzip2 的用法.xzxz 命令用法tar04-Linux压缩打包课后习题压缩的意义和原理压缩的意义…...

编程日记 2025/5/9 9:44:52

排序算法--堆排序

堆排序是一种高效的排序算法，适合大规模数据排序，尤其适用于需要实时获取最大（或最小）值的场景。 // 交换两个元素的值 void swap(int* a, int* b) {int temp *a;*a *b;*b temp; }// 调整堆，使其满足堆的性质 void …...

编程日记 2025/5/5 17:12:07

51c视觉~CV~合集10

我自己的原文哦~ https://blog.51cto.com/whaosoft/13241694 一、CV创建自定义图像滤镜热图滤镜这组滤镜提供了各种不同的艺术和风格化光学图像捕捉方法。例如，热滤镜会将图像转换为“热图”，而卡通滤镜则提供生动的图像，这些图像看起来…...

编程日记 2025/5/4 12:22:53

【数据结构】(6) LinkedList 链表

一、什么是链表 1、链表与顺序表对比不同点LinkedListArrayList物理存储上不连续连续随机访问效率O(N)O(1）插入、删除效率O(1)O(N) 3、链表的分类链表根据结构分类，可分为单向/双向、无头结点/有头节点、非循环/循环链表，这三组每组各取…...

编程日记 2025/5/4 22:54:48

使用 Axios 获取用户数据并渲染——个人信息设置

目录 1. HTML 部分（前端页面结构） HTML 结构解析： 2. JavaScript 部分（信息渲染逻辑） JavaScript 解析： 3. 完整流程 4. 总结 5. 适用场景本文将介绍如何通过 Axios 从服务器获取用户信息&#xff0…...

编程日记 2025/5/6 5:32:50

【hudi】基于hive2.1.1的编译hudi-1.0.0源码

hudi版本1.0.0 需要使用较低版本的hive，编译hudi只需要修改下类即可： org.apache.hudi.hadoop.hive.HoodieCombineHiveInputFormat 一、复制org.apache.hadoop.hive.common.StringInternUtils 找个hive2.3.9的源码包，创建包路径&#xff0c…...

编程日记 2025/5/4 12:38:05

物联网领域的MQTT协议，优势和应用场景

MQTT（Message Queuing Telemetry Transport）作为轻量级发布/订阅协议，凭借其低带宽消耗、低功耗与高扩展性，已成为物联网通信的事实标准。其核心优势包括：基于TCP/IP的异步通信机制、支持QoS（服务质量&…...

编程日记 2025/5/7 1:47:29

MyBatis 调优指南：释放持久层性能潜力

MyBatis 作为一款优秀的持久层框架，以其灵活性和易用性深受开发者喜爱。然而，随着应用规模扩大和数据量增长，MyBatis 的性能问题也逐渐显现。本文将深入探讨 MyBatis 调优策略，帮助您释放持久层性能潜力。一、 SQL 语句优化避免…...

编程日记 2025/5/7 8:53:57

Unity扩展编辑器使用整理（一）

准备工作在Unity工程中新建Editor文件夹存放编辑器脚本， Unity中其他的特殊文件夹可以参考官方文档链接，如下： Unity - 手册：保留文件夹名称参考 (unity3d.com) 一、菜单栏扩展 1.增加顶部菜单栏选项使用MenuItem&#xff…...

编程日记 2025/5/8 17:19:53

注册中心不知选哪个？Zookeeper、Eureka、Nacos、Consul和Etcd 5种全方位剖析对比

本文给大家讲解 5 种常用的注册中心，对比其流程和原理，无论是面试还是技术选型，都非常有帮助。对于注册中心，在写这篇文章前，我其实只对 ETCD 有比较深入的了解，但是对于 Zookeeper 和其他的注册中心了解甚…...

编程日记 2025/5/8 0:33:02

Windows下怎么安装FFFmpeg呢？

在Windows下使用Open-webui报错，说Couldnt find ffmpeg or avconv,解决open-webui报错Couldn‘t find ffmpeg or avconv-CSDN博客于是尝试解决问题，那么Windows下怎么安装FFFmpeg呢？ 尝试了两种方法。第一种方法pip安装（失败&…...

编程日记 2025/5/7 10:37:17

CSS 基础：层叠、优先级与继承

CSS 基础：层叠、优先级与继承一、层叠（Cascade）示例：层叠的顺序二、优先级（Specificity）优先级规则示例：优先级的比较三、继承（Inheritance）哪些属性会被继承&#xf…...

编程日记 2025/5/9 4:07:15

《翻转组件库之发布》

背景继《翻转组件库之打包》_杨晓风-linda的博客-CSDN博客之后，组件库已经可以正常构建，那如何像elementUI等组件库那样，用npm安装，按照既定的用法使用即可呢？本篇便为你揭晓资料相关 1、npm官方文档：…...

编程日记 2025/5/9 3:25:47

Spring Boot + Spring AI快速体验

Spring AI快速体验 1 什么是Spring AI 主要功能 2 快速开始 2.1 版本说明2.2 配置文件2.3 pom依赖 2.3.1 spring maven仓库2.3.2 核心依赖 2.4 定义ChatClient2.5 启动类2.6 测试 3 参考链接 1 什么是Spring AI Spring AI是Spring的一个子项目，是Spring专门面向于…...

编程日记 2025/5/7 5:41:33

windows linux常用基础命令

windows基础命令 cd …/ （访问D盘直接D: 进入目录cd…\baidudu) color 2 改变颜色 dir 浏览当前目录中有什么内容例如 dir windows可以浏览windows中有什么文件 cls 清屏 cd windows 可以跳转到c盘目录的下面 cd…/可以返回到上一级目录 ./当前目录 cd \ 直…...

编程日记 2025/5/8 11:29:54

ZooKeeper单节点详细部署流程

ZooKeeper单节点详细部署流程文章目录 ZooKeeper单节点详细部署流程一.下载稳定版本**ZooKeeper**二进制安装包二.安装并启动**ZooKeeper**1.安装**ZooKeeper**2.配置并启动**ZooKeeper** ZooKeeper 版本与 JDK 兼容性3.检查启动状态4.配置环境变量三.可视化工具管理**Zooke…...

编程日记 2025/5/5 17:26:03

【AI日记】25.02.06

【AI论文解读】【AI知识点】【AI小项目】【AI战略思考】【AI日记】【读书与思考】 AI kaggle 比赛：Backpack Prediction Challenge 读书书名：理解公司：产权、激励与治理作者：张维迎下图感想：哲学家、思想家比如卢梭…...

编程日记 2025/5/9 13:07:23

税费学习之：附加税费

好的！我将从 **税收本质、历史沿革、用途逻辑、企业影响** 四个维度综合分析，用项目管理中的实际场景说明为什么需要缴纳附加税费。 --- ### **一、附加税费的本质与构成** #### **1. 定义** 附加税费是 **以增值税、消费税为基数征收的附加税**&…...

编程日记 2025/5/1 4:19:56

数据库开发常识（10.6）——SQL性能判断标准及索引误区（1）

10.6. 数据库开发常识作为一名专业数据库开发人员，不但需要掌握数据库开发相关的语法和功能实现，还要掌握专业数据库开发的常识。这样，才能在保量完成工作任务的同时，也保质的完成工作任务，避免了为应用的日后维护埋下性能和稳定性方面的隐患。可遗憾的是，现实中，很大…...

编程日记 2025/5/9 0:13:43

网络原理一＞数据链路层协议-＞以太网协议

目录以太网协议的结构：类型：ARP请求应答报文：CRC：MTU: 为什么需要mac地址：mac地址和IP地址的区别： 以太网协议的结构： 以太网是数据链路层和物理层的主要协议源IP，目的IP就不多说…...

编程日记 2025/5/8 4:28:31

Android 约束布局ConstraintLayout整体链式打包居中显示

Android 用约束布局ConstraintLayout实现将多个控件视作一个整体居中显示，使用 app:layout_constraintHorizontal_chainStyle"packed"实现 chain 除了链条方向有横向和竖向区分外， chain链条上的模式有 3种 spread - 元素将被展开&#…...

编程日记 2025/5/9 13:35:13

云计算行业分析

云计算作为数字经济的核心基础设施，未来十年将持续重塑全球科技格局，并渗透到几乎所有行业的数字化转型中。一、云计算的发展潜力 1. 技术融合驱动爆发式创新 AI与云计算的深度耦合 - **智能云服务**：云厂商将提供预训练模型、自动化ML工…...

编程日记 2025/4/14 13:16:18

深入浅出DeepSeek LLM 以长远主义拓展开源语言模型

深入浅出地讲解DeepSeek LLM 以长远主义拓展开源语言模型 🌟 1. 什么是 DeepSeek LLM？ 大家想象一下，你在游戏里要打造一个超级英雄角色，选择最强的装备、技能点和升级策略。那么，DeepSeek LLM 就是 AI 界的“超级英雄…...

编程日记 2025/4/29 17:16:43

用Python获取股票数据并实现未来收盘价的预测

获取数据先用下面这段代码获取上证指数的历史数据，得到的csv文件数据，为后面训练模型用的 import akshare as ak import pandas as pd# 获取上证指数历史数据 df ak.stock_zh_index_daily(symbol"sh000001")# 将数据保存到本地CSV文件 df.…...

编程日记 2025/4/24 5:46:28

[openwrt]openwrt slaac only模式下部分终端无法获取到IPv6 DNS

问题描述 OpenWrt 中，如果启用了 RA 单播（ra_unicast），但部分终端无法获取到 DNS 信息问题分析 RA 单播的局限性并非所有终端都完全支持通过单播接收 RA 消息。部分终端可能无法正确解析单播 RA 中的 RDNSS（Recursive DNS Server）选项，从而导致无法获取 DNS 信息。终…...

编程日记 2025/5/2 1:23:55

【redis】数据类型之list

Redis的List数据类型是一个双向链表，支持在链表的头部（left）和尾部（right）进行元素的插入（push）和弹出（pop）操作。这使得List既可以用作栈（stack）…...

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

电脑连接wifi但是浏览器打开不了网页，使用手机热点能正常使用

电脑连接wifi但是浏览器打开不了网页，使用手机热点能正常使用打开控制面板打开网络和Internet（查看网络状态和任务） 点击更改适配器设置双击WLAN 点击属性并双击打开Internet 协议版本4（TCP/IPv4） 将自动…...

编程日记 2025/5/7 20:15:29

el-table中的某个字段最多显示两行，超出部分显示“...详情”，怎么办

文章目录背景需求需求分析解决方案在线体验灵感来源我的实现方案总结背景需求比如，有如下一个表格，请你实现它： 要求： 最多显示两行超出部分显示为：“…详情”点击详情，展开全部内容说明&#x…...

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

Vue el-input密码输入框按住显示密码，松开显示*；阻止浏览器密码回填，自写密码输入框；校验输入非汉字内容；文本框聚焦到内容末尾；

输入框功能集合 <template><div style"padding: 10px"><el-input:type"inputType"v-model"password"placeholder"请输入密码"auto-complete"new-password"id"pwd"style…...

编程日记 2025/5/6 17:20:35

尚硅谷课程【笔记】——大数据之Shell【一】

课程视频：【【尚硅谷】Shell脚本从入门到实战】一、Shell概述为什么要学习Shell？ 1）需要看懂运维人员的Shell程序 2）偶尔编写一些简单的Shell程序来管理集群、提高开发效率什么是Shell？ 1）Shell是一…...

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

4年测试｜20-30K｜金山办公｜大模型测开3轮面经

一面时间：面试时长一小时左右二面时间：面试时长基本满一小时 HR面时间：面试流程上全部结束了，内容如下： 前言： 岗位：自己想投递base珠海，金山办公的HR捞了下。why choose Zhuha…...

编程日记 2025/5/4 17:56:20

【负载均衡式在线OJ】实现负载均衡

目录管理服务器增加负载 && 减少负载重置负载 && 获得负载负载均衡添加配置信息什么是负载均衡如何实现？ 管理服务器增加负载 && 减少负载客户端访问一次服务器，负载就加1。客户端结束访问服务器，…...

编程日记 2025/5/2 1:24:11

网络安全-防御第一次作业（由于防火墙只成功启动了一次未补截图）

防火墙安全策略课堂实验报告一、拓扑本实验拓扑包含预启动设备、DMZ区域（含OA Server和Web Server）、防火墙（FW1）、Trust区域（含办公区PC和生产区PC）等。具体IP地址及连接关系如给定拓扑图所示&#xf…...

编程日记 2025/5/9 7:49:12

文章目录

路径问题

标题标签

段落标签

换行标签

列表标签

<ol> 有序列表

<ul> 无序标签

标签嵌套

超链接标签

多媒体标签

<img> 图片标签

<audio> 音频标签

<video> 视频标签

表格标签

<colspan> 跨行

<rowspan> 跨列

组合使用

表单标签

基本表单标签

表单项标签

输入控件

选择控件

特殊控件

按钮控件

禁用控件

标签绑定

下拉列表

Value 值问题

<input> 相关

<textarea> 文本域

<select> 下拉列表

布局相关标签

相关文章：

`<ol>` 有序列表

`<ul>` 无序标签

`<img>` 图片标签

`<audio>` 音频标签

`<video>` 视频标签

`<colspan>` 跨行

`<rowspan>` 跨列

`Value` 值问题

`<input>` 相关

`<textarea>` 文本域

`<select>` 下拉列表