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

web前端 html常用标签

news 来源：原创 2025/9/16 10:51:52

head内常用标签

基本标签（非meta标签）:

<!--title: 定义网页标题-->
<title>Title</title><!--style: 定义内部样式表. 内部用来书写css代码-->
<style>h1 {color: greenyellow;}
</style><!--script: 内部用来书写js代码-->
<script>alert(123)
</script>
<!--script: 还可以引入外部js文件-->
<script src="myjs.js"></script><!--link: 引入外部css文件 或 网站图标-->
<link rel="stylesheet" href="mycss.css"><!--rel 为外部资源的类型,"stylesheet"表示外部资源为css样式文件,"icon"表示外部资源为图标-->
<!--href 为外部资源的路径-->

meta相关:

1. Meta标签介绍:

<meta>元素可提供有关页面的元信息,针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。
<meta>提供的信息是用户不可见的。

2 Meta标签的组成:

meta标签共有两个属性，他们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

http-equiv 属性:相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性为content，content中的内容其实就是各个参数的变量值,http-equiv与content常常结合起来使用。

<!--指定文档的编码类型(需要知道)-->
<meta http-equiv="content-Type" charset=UTF8"><!--2秒后跳转到对应的网址，注意引号(了解)-->
<meta http-equiv="refresh" content="2;URL=https://www.baidu.com"><!--3秒后刷新(了解)-->                                                                
<meta http-equiv="refresh" content="3">

name 属性:主要用于描述网页，与之对应的属性为content，content中的内容主要是便于搜索引擎查找信息和分类信息用的。

<!--关键字：有助于搜索引擎SEO优化，再怎么优化也抵不过竞价排名-->
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"><!--页面描述-->
<meta name="description" content="给你骨质唱疏通">

meta标签必须写在头部head标签之内，而description的meta标签务必要写在keywords的meta标签之后，像下面这样的顺序写：

关键字：keywords要用简短的文字描述网站或网页的主要内容，有利于各大搜索引擎的抓取收录你的网站或网页。
页面描述：当你设置了description网站描述文字，才会显示在搜索引擎的结果页中，而每个网页的description也是同样的道理，简短又准确的网页描述文字，可以帮助用户在搜索引擎中更方便的找到你的网站和网页！

body内常用标签

HTML语义化

body标签介绍

body中的标签是会显示到浏览器窗口中的。
body内的标签只有一个作用就是用来标记语义的，语义指的是从字面意思就可以理解被标记的内容是用来做什么的。

基本标签（块级标签和内联标签）

对于那些只用来修改样式的标签将会被淘汰掉，比如以下标签都是没有语义的，都是用来修改样式的。

<!--粗体（对文本内容加粗）-->
<b>加粗</b><!-- 斜体（将文本内容改为斜体）-->
<i>斜体</i><!--下划线（为文本内容添加下划线）-->
<u>下划线</u><!--删除线(为文本内容添加删除线)-->
<s>删除</s><!--该标签内的内容为一个段落-->
<p>段落标签</p><!--标题1~标题6-->
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6><!-- 换行-->
<br><!--水平线，分割线-->
<hr><!--修改文字大小(单位px——像素)，颜色-->
<font color="red" size="10px">我是菜鸟</font>

div标签和span标签

div标签（块级标签）用来定义一个块级元素，并无实际意义。主要通过CSS样式为其赋予不同的表现。

div用来标记一块内容，没有具体的语义。

span标签用来定义内联（行内）元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。

span用来标记一小段内容，将它们定义为同一行，也没有具体的语义。

标签的分类：块级/行内

块级元素与行内元素的区别:

块级标签：独占一行（h1~h6, p,div）
块儿级标签可以修改长宽. 行内标签不可以, 就算修改了也不会变化.
块级标签内部可以嵌套任意的块级标签和行内标签

特例: p标签虽然是块级标签但是它只能嵌套行内标签不能嵌套块级标签. 如果你套了问题也不大因为浏览器会自动帮你解除嵌套关系(浏览器是直接面向用户的不会轻易的报错哪怕有报错用户也基本感觉不出来)

行内标签: 自身文本多大就占多大.·i u s b span
行内标签不能嵌套块级标签, 只能嵌套行内标签.
补充：上述的规定只是HTML书写规范如果你不遵循不会报错

h系列标签

语义：标记内容为一个标题

h系列标签从h1-h6共6个，没有h7标签，标记内容为1~6级标题，h1用作主标题（代表最重要的），其次是h2，依次往下排序，直到h6。

<!DOCTYPE HTML>
<html><head lang='en'><meta charset="utf-8"><title>Egon才华无敌</title></head><body><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6><h7>没有七级标题</h7>没有七级标题</body>
</html>

注意：

在企业开发中一定要慎用h系列标签，特别是h1标签，在企业开发中一般一个界面中只能出现一个h1标签（出于SEO考虑，搜索引擎会使用标题将网页的结构和内容编制索引）,比如www.163.com。

p标签

语义：标记内容为一个段落

<!DOCTYPE HTML>
<html><head lang='en'><meta charset="utf-8"><title>Egon无敌</title></head><body><h1>Egon</h1><p>论颜值，鹤立鸡群</p><p>论才华，天下无敌</p></body>
</html>

img标签

语义：标记一个图片

用法:
<img src="图片地址" alt="图片加载失败时显示的内容" title = "鼠标悬停到图片上时显示的内容" />

注意:

src指定的图片地址可以是网络地址，也可以是一个本地地址，本地地址可以用绝对或相对路径，但通常用相对路径，相对路径是以html文件当前所在路径为基准进行的。
图片的格式可以是png、jpg和gif。
alt="图片加载失败时显示的内容" ：为img标签加上该属性可用于支持搜索引擎和盲人读屏软件。
title = "鼠标悬停到图片上时显示的内容"
height="800px" width=""

如果没有指定图片的width和height则按照图片默认的宽高显示，如果指定图片的width和height则可能让图片变形，那如果又想指定宽度和高度，又不想让图片变形，我们可以只指定宽度和高度的一个值即可，只要指定了一个值，系统会根据该值计算另外一个值，并且都是等比拉伸的，图片将不会变形。

a标签

语义：标记一个内容为超链接

所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序

用法:
<a href="跳转到的目标页面地址" target="是否在新页面中打开" title="鼠标悬浮显示的内容">需要展现给用户查看的内容/也可以是图片</a>

注意:

href属性指定目标网页地址。该地址可以有几种类型：

绝对URL - 指向另一个站点（比如 href=”http://www.jd.com）/)
相对URL - 指当前站点中确切的路径（href=”index.html”）
锚URL - 指向页面中的锚（href="#top"）——跳转到本页面中id属性为"top"的标签上，当href="#“时,不刷新,跳回首页,当href=”"时,刷新,跳回首页。

target：

"_blank"表示在新标签页中打开目标网页
"_self"表示在当前标签页中打开目标网页

a标签不仅可以标记文字，也可以标记图片:

<a href="https://www.baidu.com"><img src="转存失败，建议直接上传图片文件 mv.png" alt="转存失败，建议直接上传图片文件">百度一下，你就知道</a>

a标签必须有href属性，href的值必须是http://或https://开头。

列表标签

语义：标记一堆数据是一个整体/列表

无序列表

作用：制作导航条，商品列表，新闻列表等
语法如下，组合使用ul>li

<!--基本语法-->
<ul type="disc"><li>第一项</li><li>第二项</li>
</ul><!--示例：京东商城导航条--><ul><li>秒杀</li><li>优惠券</li><li>PLUS会员</li><li>闪购</li><li>拍卖</li><li>京东服饰</li><li>京东超市</li><li>生鲜</li><li>全球购</li><li>京东金融</li></ul>

ul标签的type属性：

type：列表识别的类型
disc（实心圆点，默认值）
circle（空心圆圈）
square（实心方块）
none（无样式，不显示标识）

注意

ul与li是组合标签应该一起出现，并且ul的子标签只应该是li，而li的子标签则可以是任意其他标签

有序列表(极少使用)

<ol type="1" start="2"><li>第一项</li><li>第二项</li>
</ol>

type属性（列表识别的类型）:

“1” 数字列表，默认值
“A” 大写字母
“a” 小写字母
“Ⅰ” 大写罗马
“ⅰ” 小写罗马

start 属性(从第几个序号开始标识): start="2"表示从2开始标识。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>智商排名</title>
</head>
<body>
<h1>智商排名</h1>
<ol><li>刘思远</li><li>刘清政</li><li>刘sir</li><li>刘铭洋</li></ol><!--有序列表能干的事，完全可以用无序列表取代--><h1>智商排名</h1><ul style="list-style: none">  <!--style="list-style: none" 通过CSS样式来去掉无序列表前面的默认标识--><li>1.刘思远</li><li>2.刘清政</li><li>3.刘sir</li><li>4.刘铭洋</li></ul>
</body>
</html>

自定义列表

作用分析：

选择用什么标签作为唯一标准，是看文本的实际语义，而不是看长什么样子

无序列表：内容是并列的,没有先后顺序
有序列表：内容是有先后顺序的
自定义列表：对一个题目进行解释说明的时候，用自定义列表,可以做网站尾部相关信息,如网易注册界面的输入框

<!--自定义列表也是一个组合标签：dl>dt+dd -->
<!--dl:自定义list -->
<!-- dt：自定义标题 -->
<!-- dd：自定义描述 --><dl><dt>自定义标题1</dt><dd>内容1</dd><dt>自定义标题2</dt><dd>内容1</dd><dd>内容2</dd>
</dl>

注意:

1.dl>dt+dd应该组合出现，dl中只应该存放dt和dd，而可以在dt和dd中添加任意其他标签

2.一个dt可以可以没有对应的dd，也可以有多个，但建议一个dt对应一个dd

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>自定义列表标签</title>
</head>
<body>
<dl><dt><h5>购物流程</h5></dt><dd>购物流程</dd><dd>会员介绍</dd><dd>生活旅行</dd><dt><h5>配送方式</h5></dt><dd>上门自提</dd><dd>211限时达</dd><dd>配送服务查询</dd><dt><h5>支付方式</h5></dt><dd>货到付款</dd><dd>在线支付</dd><dd>分期付款</dd>
</dl>
</body>
</html>

表格标签

语义：标记一段数据为表格

作用：

表格标签是一种数据的展现形式，当数据量非常大的时候，使用表格的形式来展示被认为是最清晰的。

表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。
表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。

<table><tr><td></td></tr>
</table>

tr代表表格的一行数据
td表一行中的一个普通单元格
th表示表头单元格

注意点：

表格标签有一个边框属性，这个属性决定了边框的宽度。默认情况下这个属性的值为0，所以看不到边框

表格标签<table></table>的属性:

border: 表格边框.
cellpadding: 内边距
cellspacing: 外边距.
width: 像素百分比.（最好通过css来设置长宽）
rowspan: 单元格竖跨多少行
colspan: 单元格横跨多少列（即合并单元格）

其他表格属性了解性知识点:

#1、宽度和高度可以给table和td设置width和height属性1.1 默认情况下表格的宽高是按照内容的尺寸来调整的，也可以通过给table标签设置widht和height来手动指定表格的宽高1.2 如果给td标签设置width和height属性，会修改当前单元格的宽度和高度，只要不超过table的宽高，则不会影响整个表格的宽度和高度#2、水平对齐和垂直对齐水平对齐align可以给table、tr、td标签设置垂直对齐valign只能给tr、td标签设置========水平对齐===========取值align=“left”align=“center”align=“right”2.1 给table标签设置水平对齐，可以让表格在水平方向上对齐强调：table只能设置水平方向2.2 给tr设置水平对齐，可以控制当前行所有单元格内容都水平对齐2.3 给td设置水平对齐，可以控制当前单元格内容水平对齐，tr与td冲突的情况下，以td为准========垂直对齐===========取值valign=“top”valign=“center”valign=“bottom”2.4 给tr设置垂直对齐可以让当前行所有单元格内容都垂直对齐2.5 给td设置垂直对齐可以让当前单元格内容垂直对齐#3、外边距和内边距只能给table设置3.1 外边距：单元格与单元格之间的间隔，cellspacing="3px"，默认值为2px3.2 内边距：单元格边框与文字之间的距离:cellpadding="200px"

所谓细线表格,就是表中单元格与单元格之间只有一根线作为间隔,这样的表格看起来十分的美观。

制作细线表格:

#2、方式二细线表格的制作方式：1、给table标签设置bgcolor2、给tr标签设置bgcolor3、给table标签设置cellspacing="1px"注意：table、tr、td标签都支持bgcolor属性<table width="200px" height="200px" bgcolor="black" cellspacing="1px"><tr bgcolor="white"><td>姓名</td><td>性别</td><td>年龄</td></tr><tr bgcolor="white" ><td>Egon</td><td>male</td><td>18</td></tr><tr bgcolor="white"><td>ALex</td><td>male</td><td>73</td></tr><tr bgcolor="white"><td>Wxx</td><td>female</td><td>84</td></tr>
</table>

在这里插入图片描述

为了方便管理维护以及提升语义，我们将表格中存储的数据分为四类：
#1、<caption>表格的标题</caption>特点:相对于表格宽度自动居中对齐注意:1.1 该标签一定要写在table标签里，否则无效1.2 caption一定要紧跟在table标签内的第一个#2、<thead>表格的表头信息</thead>特点：专门用来存储每一列的标题，只要将当前列的标题存储在这个标签中就会自动居中+加粗文字#3、<tbody>表格的主体信息</tbody>注意：3.1 如果没有添加tbody，浏览器会自动添加3.2 如果指定了thread和tfoot，那么在修改整个表格的高度时，thead和tfoot有自己默认的高度，不会随着表格的高度变化而变化#4、<tfoot>表尾信息</tfoot><html>
<head><meta charset="utf-8"/>
</head>
<body><table bgcolor="black" border="1" width="300px" height="300px" cellspacing="1px"><caption>学员信息统计</caption><thead><tr bgcolor="white"><th>姓名</th><th>性别</th><th>年龄</th></tr></thead><tbody><tr bgcolor="white"><td>egon</td><td>male</td><td>18</td></tr><tr bgcolor="white"><td>egon</td><td>male</td><td>18</td></tr><tr bgcolor="white"><td>egon</td><td>male</td><td>18</td></tr></tbody><tfoot><tr bgcolor="white"><td>3</td><td>3</td><td>3</td></tr></tfoot></table></body>
</html>

合并单元格:

#1、水平向上的单元格colspan<td colspan="2">单元格</td>#将同一行的两个单元格合并#2、垂直向上的单元格rowspan<td rowspan="2">单元格</td>#将同一列的两个单元格合并#注意:
1、一定要记住，单元格合并永远是向后或者向下合并，而不能向前或向上合并

传统表格布局:

传统的布局方式就是使用table来做整体页面的布局，布局的技巧归纳为如下几点：#1、定义表格宽高，将border、cellpadding、cellspacing全部设置为0#2、单元格里面嵌套表格#3、单元格中的元素和嵌套的表格用align和valign设置对齐方式#4、通过属性或者css样式设置单元格中元素的样式传统布局目前应用：
#1、快速制作用于演示的html页面#2、商业推广EDM制作(广告邮件)

在这里插入图片描述

<!--<table border="10" cellpadding="5" cellspacing="10">-->
<table border="10">   <!-- 加外边宽--><!--表头: 存放字段信息--><thead><tr>  <!--一个tr就表示一行--><th>username</th>   <!--加粗文本--><td>password</td>   <!--正常文本--><th>hobby</th><th>others</th></tr></thead><!--表单: 存放数据信息--><tbody><tr><td>jason</td><!--rowspan 合并行属性--><td rowspan="3">123</td><!--colspan 合并列属性(合并当前行的列)--><td colspan="2">read</td></tr><tr><td>egon</td><!--<td>123</td>--><td>DBJ</td><td>吃生蚝</td></tr><tr><td>tank</td><!--<td>123</td>--><td>摸鱼</td><td>弹棉花</td></tr></tbody>
</table>

form表单标签

语义：标记表单

什么是表单:表单就是专门用来接收输入或采集用户信息,然后将信息向服务器进行提交,或者直接向服务器请求数据,表单有一个method属性,其值有Get与Post两种,代表请求数据还是提交数据。

   <form method = "数据处理方式"><表单元素></form>

常用的表单元素有:

<input type="text"/>—单行文本输入框
<input type="radio"/>文本内容 — 单选框,在同一个表单(<form></form>)当中,所有的单选框只能选一个。
<input type="checkbox"/>文本内容—多选框,在同一个表单(<form></form>)当中,所有的多选框可以选多个。
<input type="file"/>—上传文件。
<input type="password"/>—密码输入框。
<button type="submit">按钮文本</button>—提交数据按钮。
<button type="reset">按钮文本</button>—重置数据按钮。
<textarea rows="20px" cols="50px"></textarea>—多行文本输入框,rows为文本框高度，cols为文本框宽度,单位为像素(px)。

汇总:

<!DOCTYPE html>
<html><head><meta charset="utf-8"/><title>学生信息登记</title></head><body><form method="GET">   <!--提交数据-->姓名：<input type="text"/><br/>性别：<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女<br/>专业：<input type="checkbox" name="major"/>Java<input type="checkbox" name="major"/>C<input type="checkbox" name="major"/>python<br/>附件：<input type="file" name="file"/><br/>密码：<input type="password"/><br/>多行文本输入<textarea rows="20px" cols="50px"></textarea><button type="submit">提交</button><button type="reset">重置</button></form></body>
</html>

下拉选择列表

select标签：创建下拉选择列表。

option标签：定义选择列表中的选项，value属性是标签选择的值,通过该值可以确定用户选择的是哪一个选项,因此该值一般与文本内容保持一致。

<!DOCTYPE html>
<html><head><title>下拉选择</title>  <meta charset="UTF-8"> </head>  <body><select>  <!--下拉选择列表--><option value="java">java</option><option value="python">python</option><option value="mysql">mysql</option></select></body>  
</html>

iframe标签

iframe标签：在一个网页中嵌入另一个网页。

用法:

<iframe src="网址" width="500px" height="200px">—src为另一个网页网址,width,height 为另一个网页展示区域的宽和高。

<!DOCTYPE html>
<html><head><title>嵌入列表</title>  <meta charset="UTF-8"> </head>  <body><iframe src="https:\\www.baidu.com" width="500px" height="200px"></iframe></body>  
</html>

web前端 html常用标签

head内常用标签基本标签（非meta标签）:  <title>Title</title> <style>h1 {color: greenyellow;} </style><!--script: 内部用来…...

编程日记 2025/9/16 10:51:52

【Hadoop入门】Hadoop生态之Sqoop简介

1 什么是Sqoop？ 在企业的数据架构中，关系型数据库与Hadoop生态系统之间的数据流动是常见且关键的需求。Apache Sqoop（SQL-to-Hadoop）正是为解决这一问题而生的高效工具，它专门用于在结构化数据存储（如RDBMS…...

编程日记 2025/9/16 10:51:33

小程序中实现音频播放（原生 + uniapp）

原生： miniprogram/components/mp-audio/index.wxml <view class"imt-audio"><view class"top"><view class"audio-control-wrapper"><image src"{{poster}}" mode"aspectFill" class"…...

编程日记 2025/9/14 17:35:58

SpringBoot接口覆盖上一次调用的实现方案

调用springboot接口时，如何实现覆盖上一次调用 Spring Boot 接口覆盖上一次调用的实现方案以下是多种实现覆盖上一次接口调用的方案，适用于不同场景。方案一：同步锁控制（单机环境） 适用场景‌：单实例…...

编程日记 2025/9/4 23:06:53

小白电路设计-设计7-固定式倍压器直流稳压电源电路设计

介绍作为电子信息工程的我，电路学习是一定要学习的，可惜目前作为EMC测试工程师，无法兼顾太多，索性不如直接将所学的知识进行运用，并且也可以作为契机，进行我本人的个人提升。祝大家与我一起进行提升。1.本…...

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

Vue报错...properly without JavaScript enabled. Please enable it to continue

问题： Vue报错Were sorry but apptest1 doesnt work properly without JavaScript enabled. Please enable it to continue 解决： 修改 vue.config.js module.exports {publicPath: ./, // 使用相对路径devServer: {headers: {Access-Control-Allow…...

编程日记 2025/9/15 13:07:24

MySQL的半同步模式

MySQL的主从架构采用的是异步模式 master更新完成后直接发送二进制日志到slave，但是slaves是否真正保存了数据master端不会检测，master端直接保存二进制日志到磁盘，当master端到slave端的网络出现问题时或者master端直接挂掉，二进…...

编程日记 2025/9/8 1:29:54

Redis安装(Windows环境)

文章目录 Resid简介:下载Redis启动Redis服务设置Windows服务常用的Redis服务命令 Resid简介: Redis 是一个开源的使用 ANSI C 语言编写、遵守 BSD 协议、支持网络、可基于内存、分布式、可选持久性的键值对(Key-Value)存储数据库，并提供多种语言的 API。 Redis通常…...

编程日记 2025/9/15 18:59:16

CExercise_09_2动态拼接字符串_1字符串拼接

题目： 标准库函数strcat会将一个字符串追加到另一个字符串的末尾。现在我们编写一个函数把两个字符串拼接起来，返回拼接的结果，但要求不改变其中任何一个字符串。其函数声明如下： char* my_strcat(const char* prefix, const cha…...

编程日记 2025/9/4 17:13:20

【保姆级图解】插入排序算法详解：直接插入排序、希尔排序

总体引入在计算机科学的算法领域中，排序是一项基础且重要的操作。它旨在将一组无序的数据元素重新排列为有序序列，以满足特定的顺序要求，如升序或降序。常见的排序算法可分为不同类别，像插入排序，包含直接插入排序和…...

编程日记 2025/9/10 20:12:57

Python爬虫第10节-lxml解析库用 XPath 解析网页

目录引言一、XPath简介二、XPath常用规则三、实例讲解四、节点的选取 4.1 所有节点的选取 4.2 子节点的选取 4.3 父节点选取五、属性匹配获取及文本获取 5.1 属性匹配 5.2 文本获取 5.3 属性获取 5.4 属性多值匹配 5.5 多属性匹配六、按序选择七、节点…...

编程日记 2025/9/15 17:36:31

Prometheus有哪几种服务发现？

Prometheus 支持多种服务发现 (Service Discovery) 机制，用于自动发现需要监控的目标。这些服务发现机制主要分为以下几类： 1. 静态配置 (Static Configuration) Static Configuration: 手动定义静态目标列表。适用于小规模的、固定的目标环境&#xf…...

编程日记 2025/9/15 7:28:20

突破焊丝虚影干扰，端子焊点缺陷检测如何实现自动化？

端子焊点作为 3C 产品中连接电路的关键环节，其质量优劣对产品性能有着决定性影响。然而，传统人工检测端子焊点不仅效率低下，难以满足大规模生产需求，而且误判率高，无法精准把控产品质量，成为企业提质增效智…...

编程日记 2025/9/15 0:28:24

2025.04.10-拼多多春招笔试第二题

📌 点击直达笔试专栏 👉《大厂笔试突围》 💻 春秋招笔试突围在线OJ 👉 笔试突围OJ 02. 糖果店的优惠兑换计划问题描述 K小姐开了一家糖果店，推出了一种特殊的兑换活动。商店有 n n n<...

编程日记 2025/9/15 11:10:48

linux系统下如何提交git和调试

我们默认的ubuntu20.04镜像是没有Git提交的工具，我们需要配置安装包。安装和更新git的命令 sudo apt update //用于更新软件包索引sudo apt install git //用于安装git版本控制工具 git --version //检查git版本,确认是否安装成功随便进入linux系统下的一…...

编程日记 2025/9/13 9:54:21

40页的IPD流程指标字典【全文精读】

该文档聚焦 IPD 流程指标，为企业在产品研发管理领域提供全面量化评估标准，主要适用于企业中与产品研发、管理、财务及市场相关的各类人员。财务类指标：涵盖市场份额、新产品销售比重等，用于评估产品市场竞争力、投资效率…...

编程日记 2025/9/9 1:06:05

如何在Cherry Studio中配置MCP工具服务？国内MCP服务有哪些？

在当今数字化时代，AI助手已成为提升工作效率和创造力的重要工具。Cherry Studio作为一个全能的AI客户端，支持多平台（包括Windows、macOS和Linux），并提供了丰富的功能，如大模型对话、AI绘图和AI翻译等。为了…...

编程日记 2025/9/8 17:46:23

动态词槽管理系统深度设计

动态词槽管理系统深度设计基于Dual-Encoder的实时增量式语义槽管理方案一、Dual-Encoder架构优化 1.1 架构创新设计增强型双塔模型结构： #mermaid-svg-DRhtmuANYnJBJzpu {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill…...

编程日记 2025/9/12 16:20:00

网络安全中信息收集需要收集哪些信息了？汇总

目录 1. 域名信息 2. IP地址与网络信息 3. 备案与注册信息 4. Web应用与中间件信息 5. 操作系统与服务器信息 6. 敏感文件与配置文件 7. 社交工程信息 8. 证书与加密信息 9. API与接口信息 10. 外部威胁情报 11. 历史数据与缓存常用工具与技术： 在网络…...

编程日记 2025/9/9 16:10:08

代码模板-线段树（区间修改，区间查询和和最值）

题目链接：1270. 数列区间最大值 - AcWing题库代码： // #pragma GCC optimize(1) // #pragma GCC optimize(2) // #pragma GCC optimize(3,"Ofast","inline")#include<bits/stdc.h> using namespace std; typedef long long…...

编程日记 2025/9/15 6:26:15

LLM介绍

一、核心概念与能力边界 LLM（Large Language Model：大语言模型）是基于海量文本训练的深度学习模型，其核心能力源于Transformer架构与自监督学习机制。关键特征包括： 参数规模：千亿级参数（如GP…...

编程日记 2025/9/11 10:35:43

[数据结构]排序

目录 1、排序的概念 2、常见排序算法 3、直接插入排序 4、希尔排序 5、直接选择排序 6、堆排序 7、冒泡排序 1、排序的概念排序：所谓排序，就是使一串记录，按照其中的某个或某些关键字的大小，递增或递减的排列起来的操作 …...

编程日记 2025/9/7 10:00:20

Next.js + Droplet：高并发视频内容平台部署与优化扩展实战

在构建在线服务时，无论你是开发者还是企业技术负责人，扩展性和稳定性始终是绕不开的核心挑战。尤其在涉及高并发访问、大量数据传输和持续内容分发的场景中，系统架构的设计直接决定了用户体验与业务成效。本文将以视频点播（Video…...

编程日记 2025/9/10 9:55:47

django寻味美食分享与交流网站-计算机毕业设计源码74984

摘要美食分享与交流网站是当前社交网络领域的一个热门话题。本研究旨在探讨用户在美食分享网站上的行为和互动模式，以及他们分享和获取美食信息的动机和方式。通过对美食分享网站上用户发文内容和互动数据的分析，揭示了用户在美食分享中的需求和行为规…...

编程日记 2025/9/16 0:52:11

把读写函数里的printf 打印到文件里

使用 fprintf 函数将输出目标从标准输出（stdout）更改为一个文件指针 1、首先，在头文件或全局变量中定义一个 FILE 类型的指针，用于指向输出文件。 2、在程序启动时，打开文件并将文件指针赋值给上面定义的全局指针。…...

编程日记 2025/9/3 17:48:20

在idea中看spring源码

一、搭建环境 1.1 下载源码到本地在github中找到spring-framework项目，或者这个地址（https://github.com/spring-projects/spring-framework） 然后把项目下载到本地目录，如图 1.2 然后用idea打开这个项目 1.3 然后等构建&…...

编程日记 2025/9/9 20:28:55

用最简单的方式讲述离散傅里叶级数（DFS）以及离散傅立叶变换（DFT）

文章目录前言一、傅里叶变换的多种形式二、浅谈离散傅里叶级数（DFS） 三、浅谈离散傅里叶变换（DFT） 总结前言本文对四种不同的傅里叶变换做了总结与梳理，并针对其中存在联系的形式做了推导。接着又讲述了离散傅里叶…...

编程日记 2025/9/11 19:01:47

python基础语法14-多线程与多进程

Python 多线程与多进程详解在 Python 中，多线程和多进程是常用的并发编程技术，它们可以帮助程序在处理大量任务时提高效率。Python 提供了多个模块来支持多线程和多进程的开发，包括 threading、multiprocessing 和 asyncio。本文将详细介绍…...

编程日记 2025/9/11 10:18:39

深入解析策略模式在C#中的应用与实现

策略模式（Strategy Pattern）是一种行为型设计模式，它通过将一系列算法封装成不同的策略类，使得算法的选择和使用可以在运行时动态改变，且算法的变化对使用者透明。这种模式可以显著减少程序中的条件判断（如…...

编程日记 2025/9/10 15:12:19

ios按键精灵脚本开发游戏辅助工具的代码逻辑

iOS 按键精灵使用 MQ 语言开发游戏脚本，其代码逻辑围绕游戏内的各种操作展开。我将从常见的游戏操作，如点击、移动等方面， 点击操作逻辑在游戏中，点击操作是最基础的交互方式之一。比如要实现点击游戏界面上某个固定位置的 “…...

编程日记 2025/9/8 18:19:18

Pycharm（十三）容器类型的公共运算符和公共方法

一、容器类型的公共运算符这些运算符是可以作用到容器类型中的。常见的如下： ：拼接，适用于字符串、列表、元组； *：复制，适用于字符串、列表、元组； in:是否包含,适用于字符串、列表、元…...

编程日记 2025/9/9 1:32:00

Backtrader从0到1——第一个回测策略

Backtrader从0到1——第一个回测策略 0. 前言1. lines && index2. 生成大脑3. 设置起始资金和佣金4. 添加数据（重点）5. 第一个策略——双均线5.1 策略类5.2 策略参数5.3 添加指标5.4 买卖与订单order5.5 完整策略代码 0. 前言本人翻阅了大量资料…...

编程日记 2025/9/15 14:53:07

GPT - 因果掩码（Causal Mask）

本节代码定义了一个函数 causal_mask，用于生成因果掩码（Causal Mask）。因果掩码通常用于自注意力机制中，以确保模型在解码时只能看到当前及之前的位置，而不能看到未来的信息。这种掩码在自然语言处理任务（如…...

编程日记 2025/9/9 11:22:47

lombok的坑

我使用lombok的Data注解带来的坑。代码如下： 公共类： package com.tyler.oshi.common;import lombok.Data; import lombok.NoArgsConstructor;/*** author: TylerZhong* description:*/Data NoArgsConstructor public class R {private int code;priv…...

编程日记 2025/9/16 4:57:13

基于Python的网络爬虫技术研究

基于Python的网络爬虫技术研究以下从多个方面为你介绍基于 Python 的网络爬虫技术： 概述网络爬虫是一种自动获取网页内容的程序，在 Python 中可以借助诸多强大的库和工具实现。网络爬虫能应用于数据采集、搜索引擎、舆情监测等众多领域。核心库 …...

编程日记 2025/9/13 11:26:57

微信小程序跳6

//金额格式化 rmoney: function(money) { return parseFloat(money).toFixed(2).toString().split().reverse().join().replace(/(\d{3})/g, $1,) .replace( /\,$/, ).split().reverse().join(); }, daysUntil: function(milliseconds) { const endDate new Date(milliseconds…...

编程日记 2025/8/26 22:14:03