html骨架以及常见标签
推荐一个网站mdn。
html语法
双标签：<标签 属性="属性值">内容</标签>
属性：给标签提供附加信息。大多数属性以键值对的形式存在。如果属性名和属性值一样，可以致谢属性值。
单标签：<标签 属性="属性值"/>
注释：
<!-- 这是注释 -->注释的快捷键：ctrl+/
骨架
<!DOCTYPE html> #声明文档遵循html5
<html><head><meta charset="utf-8"> #字符编码<title></title> #网页的标签</head><body> #要写的就在body里面</body>
</html>
常用标签
文章标题标签
只有h1、h2、h3、h4、h5、h6六个标题标签，逐级递减，独占一行。
<h1> 内容 </h1>
<h2> 内容 </h2>
<h3> 内容 </h3>
<h4> 内容 </h4>
<h5> 内容 </h5>
<h6> 内容 </h6><!DOCTYPE html>
<html><head><meta charset="utf-8"><title>标题标签</title></head><body><h1>我是h1标题标签</h1><h2>我是h2标题标签</h2><h3>我是h3标题标签</h3><h4>我是h4标题标签</h4><h5>我是h5标题标签</h5><h6>我是h6标题标签</h6></body>
</html>
段落标签
段落之间换行。
<p> 内容 </p><!DOCTYPE html>
<html><head><meta charset="utf-8"><title>段落标签</title></head><body><p>小米汽车发布会之后，如何将“泼天流量”转化为销量，成为首要课题。而销量实现的核心支撑，则是小米汽车工厂的产线产能。</p><p>证券时报·e公司记者日前来到位于北京亦庄的小米汽车工厂探营，小米 SU7就是从这里诞生，而后走向全国。据悉，在产能爬满后，小米汽车工厂每小时可生产 40 辆小米 SU7，每 76 秒就可以有一辆新车下线。</p></body>
</html>
文本格式化标签
加粗
<strong> 加粗的内容 </strong>
<b> 加粗的内容 </b>给上段段落标签的第一段的小米汽车、第二段的证券时报加粗
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>段落标签</title></head><body><p><strong>小米汽车</strong>发布会之后，如何将“泼天流量”转化为销量，成为首要课题。而销量实现的核心支撑，则是小米汽车工厂的产线产能。</p><p><b>证券时报</b>·e公司记者日前来到位于北京亦庄的小米汽车工厂探营，小米 SU7就是从这里诞生，而后走向全国。据悉，在产能爬满后，小米汽车工厂每小时可生产 40 辆小米 SU7，每 76 秒就可以有一辆新车下线。</p></body>
</html>
斜体
<i> 斜体 </i>
<em> 斜体 </em>给上段文字的第一段的泼天流量、第二段的北京加斜体
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>段落标签</title></head><body><p><strong>小米汽车</strong>发布会之后，如何将<i>“泼天流量”</i>转化为销量，成为首要课题。而销量实现的核心支撑，则是小米汽车工厂的产线产能。</p><p><b>证券时报</b>·e公司记者日前来到位于<em>北京</em>亦庄的小米汽车工厂探营，小米 SU7就是从这里诞生，而后走向全国。据悉，在产能爬满后，小米汽车工厂每小时可生产 40 辆小米 SU7，每 76 秒就可以有一辆新车下线。</p></body>
</html>
删除线
<del> 删除线 </del>
<s> 删除线 </s>给上段文字的第一段的产线产能、第二段的汽车工程加删除线
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>段落标签</title></head><body><p><strong>小米汽车</strong>发布会之后，如何将<i>“泼天流量”</i>转化为销量，成为首要课题。而销量实现的核心支撑，则是小米汽车工厂的<del>产线产能。</del></p><p><b>证券时报</b>·e公司记者日前来到位于<em>北京</em>亦庄的小米<s>汽车工厂</s>探营，小米 SU7就是从这里诞生，而后走向全国。据悉，在产能爬满后，小米汽车工厂每小时可生产 40 辆小米 SU7，每 76 秒就可以有一辆新车下线。</p></body>
</html>
上标/下标
<sup> 上标的内容 </sup>
<sub> 下标的内容 </sub><!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>x<sup>2</sup>x<sub>2</sub></body>
</html>
水平线
<hr />给上面两段之间加一个水平线
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>段落标签</title></head><body><p><strong>小米汽车</strong>发布会之后，如何将<i>“泼天流量”</i>转化为销量，成为首要课题。而销量实现的核心支撑，则是小米汽车工厂的<del>产线产能。</del></p><hr /><p><b>证券时报</b>·e公司记者日前来到位于<em>北京</em>亦庄的小米<s>汽车工厂</s>探营，小米 SU7就是从这里诞生，而后走向全国。据悉，在产能爬满后，小米汽车工厂每小时可生产 40 辆小米 SU7，每 76 秒就可以有一辆新车下线。</p></body>
</html>
强制换行
<br />在上面第二段据悉前强制换行
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>段落标签</title></head><body><p><strong>小米汽车</strong>发布会之后，如何将<i>“泼天流量”</i>转化为销量，成为首要课题。而销量实现的核心支撑，则是小米汽车工厂的<del>产线产能。</del></p><hr /><p><b>证券时报</b>·e公司记者日前来到位于<em>北京</em>亦庄的小米<s>汽车工厂</s>探营，小米 SU7就是从这里诞生，而后走向全国。<br />据悉，在产能爬满后，小米汽车工厂每小时可生产 40 辆小米 SU7，每 76 秒就可以有一辆新车下线。</p></body>
</html>
图片标签
相对路径：
../ ：代表当前文件的上一级别
./：代表当前文件
绝对路径：你电脑的图片的位置（不建议使用）
网络路径：直接在src="图片链接"
<img src="路径" />| 属性 | 作用 |
| width | 设置图片的宽 |
| height | 设置图片的高 |
| alt | 当图片因为某些原因不可见时，显示的文字 |
| title | 移动到图片显示的文字 |
| align | 控制同行文字与图片的对齐方式 |
| hspace | 控制同行文字和图片的水平距离 |
| vspace | 控制文字与图片的垂直距离 |
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><h1>懒洋洋</h1><img src="./images/懒洋洋.jpg" width="300px" height="150px" title="我是懒洋洋"/ align="middle" hspace="200px" vspace="200px"> 我要与懒洋洋水平居中对齐并且水平距离他200px垂直距离200px<h1>狗子</h1><img src="../images/dog1.jpg" width="300px" height="150px" alt="糟糕,消失不见了"/></body>
</html>
无序列表
<ul><li>选项1</li><li>选项2</li><li>选项3</li>
</ul>
type属性：控制列表前面的图形。
circle：空心圆
square：正方形
<ul type="circle"><li>选项1</li><li>选项2</li><li>选项3</li>
</ul>
<ul type="square"><li>选项1</li><li>选项2</li><li>选项3</li>
</ul>
有序列表
<ol><li>选项1</li><li>选项2</li><li>选项3</li>
</ol>
属性：type 切换序号样式
将“1、2.....”换成“a、b....”（也可以换成“A、B.....）
<ol type="a"><li>选项1</li><li>选项2</li><li>选项3</li>
</ol>
start 从几开始
从5开始
<ol start="5"><li>选项1</li><li>选项2</li><li>选项3</li>
</ol>
自定义列表
<dl><dt>可以是文字和图片</dt><dt><img src="./images/懒洋洋.jpg" width="300px" height="150px"/></dt><dd>公司地址</dd><dd>投诉电话</dd>
</dl>
超链接
<a href="目标链接">提示文字</a>| 属性 | 作用 |
| target="属性值" | 超链接方式，_self:本页面加载 _blank:新建一个页面加载 |
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><a href="https://www.baidu.com" target="_self">去百度</a></body>
</html>
锚标签
利用超链接实现，需要给特定标签取id，id唯一不重复；也可以取name，可以重复。
<a href="#id">提示文字</a><!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><a href="#zhengzhi">整治</a><h1>莫莫格湿地上空飞翔的灰鹤。</h1>潘晟昱摄（人民视觉）编者按：一年之计在于春。春风送暖，万物复苏，在广袤的国土上，候鸟北飞、鲜花盛放、草木葱茏……即日起，本版推出“美丽中国·春天来了”系列报道，让我们在观赏春日美景的同时，看忙碌的人们如何在美丽中国建设中用辛勤的工作迎接春天的到来。 碧波荡漾，鸟鸣啾啾。4月1日国际爱鸟日前夕，吉林白城莫莫格湿地内，鸟儿飞翔的身影倒映在波光粼粼的水面上，映出春日里的勃勃生机。“看！那就是白鹤，国家一级重点保护野生动物！”摄影爱好者姜海涛兴奋地指着远处飞起的鸟群，“我最近在莫莫格湿地看到的白鹤就有200多只，我还拍到了东方白鹳、白枕鹤、苍鹭……鸟儿齐齐‘返乡’，春天真的来了！”<h1>枝头染绿，鸟儿衔来春讯</h1>春风拂过莫莫格湿地，原本干瘦的树枝变得柔软，树皮泛出绿意。走进吉林莫莫格国家级自然保护区，姿态各异的鸟儿随处可见——白鹤漫步浅滩悠闲觅食，黑尾塍鹬成群结队展翅翱翔，一对灰雁正准备在芦苇湿地筑巢……“每年春季，会有大量候鸟从南方飞回，来到莫莫格湿地停留、繁殖。”吉林莫莫格国家级自然保护区管理局科研科科长王波介绍。大多数候鸟的繁殖地在北方的湿地、草原。北方冬季天气寒冷，食物来源减少，候鸟便飞往南方水草丰茂的区域越冬。天气转暖之后，候鸟们再纷纷北归，回到繁殖地繁衍后代。“候鸟的归来是春天到来的信号之一。”王波介绍，以国家一级重点保护野生动物东方白鹳为例，这种鸟类是大型涉禽，以鱼虾、蛙类、昆虫等为食，只有气温回升、冰面解冻时，才会从鄱阳湖等越冬地启程，途经江西、江苏、山东、天津等地，最终在东北等地停歇、繁殖。随着候鸟迁徙高峰期的到来，王波的工作也愈发忙碌。“现在我们每天都要把适合候鸟栖息的地方跑一遍，观测东方白鹳等重点保护鸟类的数量、种群构成、栖息地生态环境，以及有无人为干扰情况等。”王波说，据监测，截至目前，在莫莫格湿地迁徙停歇的鸟类约7万只，其中重点保护鸟类有77只东方白鹳、308只白鹤、1700只灰鹤等。“从数据来看，经过多年扎实的保护工作，来到莫莫格湿地的白鹤、灰鹤的数量有了较大增长。”迎来大批候鸟“返乡”的，不止莫莫格湿地。吉林省地处东亚—澳大利西亚全球候鸟迁徙路线上，鸟类种类繁多，已记录到的候鸟达320余种，是我国候鸟停歇和繁殖的重要栖息地。每年3月中旬开始，成群候鸟就由越冬地北迁至吉林，为北方大地衔来久违的春讯。<h1>植物丰富，保证食物来源</h1>雪融冰消，万物复苏。树杈上，一只苍鹭正在补巢。“近年来，随着湿地生态环境持续向好，越来越多候鸟选择在莫莫格湿地繁殖。”王波说。莫莫格湿地位于松嫩平原和科尔沁草原的交汇地带，是吉林省西部面积最大、最为典型的湿地类型保护区。保护区14.4万公顷的土地上河网密布，有着多种典型优势湿地植物群落，为诸多候鸟提供了适宜的栖息场所。万鸟翔集的景致，吸引了许多像姜海涛一样的摄影爱好者。“最近几年，每年到莫莫格停留的鸟类一共有298种，包括白鹤、丹顶鹤、大鸨、东方白鹳等22种国家一级重点保护野生动物，小天鹅、灰鹤、白琵鹭等49种国家二级重点保护野生动物。”谈起鸟儿，姜海涛如数家珍。“这里面，我最喜欢拍摄白鹤，特别是展翅飞翔的白鹤。”姜海涛兴高采烈地向记者展示他拍到的照片，“那时能看到白鹤的黑色翅尖，像露在白袍外面的一节黑袖。”白鹤是莫莫格湿地的“名片”。“我们保护区入口就有白鹤的雕塑。”王波介绍，成年白鹤体长可达1.3米以上，头顶和脸部是鲜红色。一般为群居，喜欢在浅水湿地漫步觅食。白鹤主要以水生植物的根茎为食，莫莫格湿地内的大量藨草为其提供了重要的食物来源。如今，莫莫格国家级自然保护区内大大小小的河湖泡沼，到处可见白鹤的踪迹，高峰期时一天最多统计到3800余只白鹤停歇。“来到莫莫格湿地的鸟主要以雁鸭类、鸻鹬类为主，还有白鹤、东方白鹳等鹤鹳类。”王波说，“让候鸟来得了、吃得好、留得住，是我们共同的心愿。”<h1 id="zhengzhi">综合整治，维护栖息环境</h1>“20年前我刚参加工作那会儿，遇见白鹤是件稀罕事儿。”王波说，过去，因气候变化、上游水库限流等原因，莫莫格湿地的水域面积连年缩小，藨草等植物数量骤减。食物不易寻觅，候鸟越来越少。为了恢复生态，吉林省启动河湖连通工程，以西部现有大型水利工程为“主动脉”，打通湖泡间的“毛细血管”，来自嫩江的活水涌入莫莫格湿地，恢复了湿地水文连通性，持续增强湿地生态稳定性。与此同时，莫莫格国家级自然保护区管理局开展生态环境综合整治，实施禁牧、禁耕，推动实施退耕还草还湿等工程建设。多措并举下，莫莫格湿地面积增加约5000公顷。湿地恢复生机，鸟儿飞回这里，保护也在持续。“我现在还是中国野生动物保护协会吉林白城护飞队副队长呢。”姜海涛对记者说，2018年，白城市10余位摄影爱好者牵头成立了候鸟护飞队，在候鸟停歇区域志愿开展巡护、宣传。如今，护飞队已发展到200多人。“经过多年宣传，当地居民的候鸟保护意识有了很大提高。今年，我们志愿者团队打算划分网格开展候鸟保护，为候鸟创造更好的栖息环境。”王波说，近年来，一升一降的两个数据最令他欣慰。“升”的是数量，来到莫莫格国家级自然保护区的白鹤从20年前的几百只，发展到如今的3000多只，数量大大提升。“降”的是比例，3000多只来到莫莫格国家级自然保护区的白鹤，占全球白鹤种群数量的比例由此前的90%以上降至60%左右。“数量多了，比例降了，说明整个白鹤的种群数量在提升，许多白鹤飞到了吉林向海国家级自然保护区、内蒙古科尔沁国家级自然保护区等地。”王波露出了欣慰的笑容。春回大地，东方白鹳在莫莫格湿地衔枝筑巢，苍鹭在查干湖上翩翩起舞，绿头鸭在天桥岭林区梳理羽毛……北飞的候鸟如同跳动的音符，谱写出人与自然和谐共生的美妙乐章。“吉林省监测到的中华秋沙鸭数量已经由2018年时的不足300只增长到600余只。”吉林省林业和草原局野生动植物保护处副处长汪永兴介绍，吉林省坚持维护生物多样性，多措并举保护候鸟及其栖息地，划定并公布32个重要候鸟迁徙通道，全天候开展护鸟工作，组织开展2023年度迁徙期水鸟同步调查，深入开展受伤野生鸟类收容救护……维护候鸟栖息地安全。《 人民日报 》（ 2024年04月01日 14 版）(责编：赵欣悦、袁勃)分享让更多人看到 推荐阅读世界水日｜守护“流动”的美景 数览各地河湖生态治理成效河湖是水的重要载体，是生态系统的重要组成部分。近年来，我国坚持“节水优先、空间均衡、系统治理、两手发力”治水思路，不断完善河湖生态系统保护治理体系，加快复苏河湖生态环境。…南水北调东中线工程累计调水量突破700亿立方米人民网北京3月19日电 （记者王仁宏）据水利部消息，3月18日，南水北调东中线工程累计调水量突破700亿立方米（含生态补水超108亿立方米），其中中线调水625.93亿立方米，东线调水67.77亿立方米，东线北延工程调水6.30亿立方米，惠及沿线7省市40多座大中城市，受益人口超1.76亿。 据悉，东、中线一期工程全面通水以来，水利部持续加强工程调度管理，强化运行监管，全力保障工程安全、供水安全、水质安全。…</body>
</html>
div标签
没有具体含义，用来划分页面区域。独占一行。可以div嵌套div。
<div>内容</div><!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div>春风拂过莫莫格湿地，</div>原本干瘦的树枝变得柔软</body>
</html>
span标签
没有特定含义，给某几个字加特定属性使用，可以理解为一个小盒子。
<span>文字</span>
视频标签
<video src="地址" </video>或者<video ><source src="地址"/>
</video>| 属性 | 作用 |
| controls | 控制框架，例如播放、声音大小、倍速 |
| autoplay | 自动播放 |
| muted | 静音播放 |
| loop | 循环播放 |
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><h1>下面是视频</h1><video src="./video1.mp4" controls autoplay muted loop></video><video ><source src="./video1.mp4"/></video></body>
</html>
音频标签
<audio src="地址" ></audio>需要配合控制框架（controls）使用。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>下面是音频标签<audio src="./可以了-陈奕迅.mp3" controls></audio></body>
</html>
表单
是用户输入信息与网页互动的一种形式。大多数情况下，用户提交的信息会发给服务器，比如网站的搜索栏就是表单。
| 类型 | 作用 |
| text | 文本 |
| password | 密码，输入之后显示黑色圆点 |
| radio | 单选，几个选项之间的name值需要一样，value也要写上值 |
| checkbox | 多选，几个选项之间的name值需要一样，value也要写上值 |
| submit | 提交按钮 |
| button | 无用提交按钮 |
| url | 网址，且只能输入网址，否则不能提交 |
| time | 时间，选择时间 |
其他的功能：
①提交
<button>点击提交</button>②输入框
<textarea name="" id="" cols="" rows=""></textarea>③下拉框
<select name="city" id=""><option value="西安">西安</option><option value="南京"selected>南京</option><option value="延安">延安</option>
</select>注：
背景提示文字：placeholder
禁止输入/选择：disabled
单选默认选择：checked
下拉框默认选择：selected
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form action="#">用户名：<input type="text" name="username" placeholder="请输入用户名" />密码：<input type="password" name="pwd" placeholder="请输入密码"/>性别：男<input type="radio" name="sex" value="男"/> 女 <input type="radio" name="sex" value="女" checked/>你在干嘛？吃饭 <input type="checkbox" name="hobby" value="吃饭" />睡觉 <input type="checkbox" name="hobby" value="睡觉" /><input type="submit" /><button>点击提交</button><input type="button" name="wuyong" value="提交"/><textarea name="area1" id="" cols="30" rows="10"></textarea><select name="city" id=""><option value="西安">西安</option><option value="南京"selected>南京</option><option value="延安">延安</option></select></form></body>
</html>
当作为单选或者多选时，若想要点击字就选择上该项，则可使用label全部包起来该选项；也可以只包字，但是需要使用for选择为谁使用。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><form action="#">性别：<label><input type="radio" name="sex"/>男</label><input type="radio" name="sex" id="sex1"/><label for="sex1">女</label></form></body>
</html>表格标签
| table | 表格 |
| caption | 表标题 |
| thead | 表头 |
| tr | 行 |
| th | 表头里面的单元格，字体会加粗 |
| tbody | 表体 |
| td | 表体的单元格 |
| tfoot | 表尾 |
注：每一行的单元格数需要相等。thead、tbody、tfoot可以省略，直接按行写。
<table><caption></caption><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td></td><td></td><td></td></tr></tbody><tfoot><tr><td></td><td></td><td></td></tr></tfoot>
</table><!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border="1px" cellspacing="0" width="300px"" height="200px"><caption>学生信息表</caption><thead height="200px" align="right" valign="top"><tr bgcolor="pink"><th>姓名</th><th>性别</th><th>年龄</th></tr></thead><tbody><tr><td rowspan="2">张三</td><td>男</td><td>13</td></tr><tr><!-- <td>要跨行，所以把这个单元格删除</td> --><td>女</td><td>15</td></tr><tr><td>王五</td><td>男</td><td>20</td></tr><tr><td>老六</td><td>男</td><td>33</td></tr></tbody><tfoot><tr><td colspan="2"></td><!-- <td>要跨列，所以把单元格删除</td> --><td>共计4人</td></tr></tfoot></table></body>
</html>| 属性 | 作用 |
| border="1px" | 边框设为1px |
| cellspacing="0px" | 设置单元格之间的距离 |
| width="" | 设置表格的宽 |
| height | 设置表格的高 |
| 属性 | 作用 |
| height="" | 设置行高 |
| align="" | 设置水平对齐方式，有left、center、right |
| valign="" | 设置垂直对齐方式，有top、middle、buttom |
| bgcolor="" | 设置背景颜色 |
| 属性 | 作用 |
| rowspan="" | 跨行 |
| rolspan="" | 跨列 |
iframe标签
嵌入广告或其他页面使用。也可以使用width、height设置宽和高。
<iframe src="地址" frameborder="0"></iframe>可以配合a使用，例如：只有点击超链接之后才会出现表格。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><a href="./表格.html" target="ee">前往表格</a><iframe frameborder="0" name="ee"></iframe></body>
</html>全局属性
| 属性 | 作用 |
| id | 唯一，标记 |
| class | 可以多个标签用一个，一个标签也可以用多个 |
| tabindex | 可以使用tab键选择，-1（不可遍历）1（按顺序遍历） |
| contenteditable | 原本不可修改的文字变得可以修改 |
特殊字符
代表一个空格
<代表小于号
>代表大于号
©代表版权信息
相关文章：
html骨架以及常见标签
推荐一个网站mdn。 html语法 双标签：<标签 属性"属性值">内容</标签> 属性：给标签提供附加信息。大多数属性以键值对的形式存在。如果属性名和属性值一样，可以致谢属性值。 单标签：<标签 属性"属…...
Vue3学习01 Vue3核心语法
Vue3学习 1. Vue3新的特性 2. 创建Vue3工程2.1 基于 vue-cli 创建项目文件说明 2.2 基于 vite 创建具体操作项目文件说明 2.3 简单案例(vite) 3. Vue3核心语法3.1 OptionsAPI 与 CompositionAPIOptions API 弊端Composition API 优势 ⭐3.2 setup小案例setup返回值setup 与 Opt…...
Spring Boot实现跨域的5种方式
Spring Boot实现跨域的5种方式 为什么会出现跨域问题什么是跨域非同源限制java后端实现CORS跨域请求的方式返回新的CorsFilter(全局跨域)重写WebMvcConfigurer(全局跨域)使用注解(局部跨域)手动设置响应头(局部跨域)使用自定义filter实现跨域 为什么会出现跨域问题 出于浏览器…...
Elasticsearch：从 ES|QL 到 PHP 对象
作者：来自 Elastic Enrico Zimuel 从 elasticsearch-php v8.13.0 开始，你可以执行 ES|QL 查询并将结果映射到 stdClass 或自定义类的 PHP 对象。 ES|QL ES|QL 是 Elasticsearch 8.11.0 中引入的一种新的 Elasticsearch 查询语言。 目前，它在…...
Stm32 HAL库 访问内部flash空间
Stm32 HAL库 访问内部flash空间 代码的部分串口配置申明文件main函数 在一些时候，需要存储一些数据，但是又不想接外部的flash，那我们可以知道，其实还有内部的flash可以使用， 需要注意的是内部flash，读写次数…...
线程池详解
线程池 什么是线程池：线程池就是管理一系列线程的资源池。 当有任务要处理时，直接从线程池中获取线程来处理，处理完之后线程并不会立即被销毁，而是等待下一个任务。 为什么要用线程池 / 线程池的好处： **降低资源消…...
mybatis(5)参数处理＋语句查询
参数处理＋语句查询 1、简单单个参数2、Map参数3、实体类参数4、多参数5、Param注解6、语句查询6.1 返回一个实体类对象6.2 返回多个实体类对象 List<>6.3 返回一个Map对象6.4 返回多个Map对象 List<Map>6.5 返回一个大Map6.6 结果映射6.6.1 使用resultM…...
数据应用OneID：ID-Mapping Spark GraphX实现
前言 说明 以用户实体为例，ID 类型包含 user_id 和 device_id。当然还有其他类型id。不同id可以获取到的阶段、生命周期均不相同。 device_id 生命周期通常指的是一个设备从首次被识别到不再活跃的整个时间段。 user_id是用户登录之后系统分配的唯一标识ÿ…...
第6章 6.2.3 ： readlines和writelines函数 （MATLAB入门课程）
讲解视频：可以在bilibili搜索《MATLAB教程新手入门篇——数学建模清风主讲》。 MATLAB教程新手入门篇（数学建模清风主讲，适合零基础同学观看）_哔哩哔哩_bilibili 在MATLAB的文本数据处理任务中，导入和导出文件是常…...
Matlab应用层生成简述
基础软件层 目前接触到的几款控制器，其厂商并没有提供simulink的基础软件库一般为底层文件被封装为lib，留有供调用API接口虽然能根据API接口开发基础软件库，但耗费时间过长得不偿失 应用层 所以可以将应用层封装为一个子系统，其…...
每日一题（leetcode1702）：修改后的最大二进制字符串--思维
找到第一个0之后，对于后面的子串（包括那个0），所有的0都能调上来，然后一一转化为10，因此从找到的第一个0的位置开始，接下来是（后半部分子串0的个数-1）个1，然后…...
PHP自助建站系统，小白也能自己搭建网站
无需懂代码，用 自助建站 做企业官网就像做PPT一样简单，您可以亲自操刀做想要的效果！ 自助建站是一款简单、快捷、高效的工具，可以帮助您制作响应式网站。我们的自助建站系统，将传统的编码工作转化为直观的拖拽操作和文…...
计算机视觉 | 基于 ORB 特征检测器和描述符的全景图像拼接算法
Hi，大家好，我是半亩花海。本项目实现了基于 ORB 特征检测器和描述符的全景图像拼接算法，能够将两张部分重叠的图像拼接成一张无缝连接的全景图像。 文章目录 一、随机抽样一致算法二、功能实现三、代码解析四、效果展示五、完整代码 一、随机…...
Scala - 函数柯里化(Currying)
柯里化(Currying)指的是将原来接受两个参数的函数变成新的接受一个参数的函数的过程。新的函数返回一个以原有第二个参数为参数的函数。 实例 首先我们定义一个函数: def add(x:Int,y:Int)xy 那么我们应用的时候，应该是这样用：add(1,2) 现在我们把这…...
Switch-case
Java switch case 语句 switch case 语句判断一个变量与一系列值中某个值是否相等，每个值称为一个分支。 语法 switch case 语句语法格式如下： switch(expression){case value ://语句break; //可选case value ://语句break; //可选//你可以有任意数量…...
蓝桥杯-单片机基础16——利用定时计数中断进行动态数码管的多窗口显示
综合查阅了网络上目前能找到的所有关于此技能的代码，最终找到了下述方式比较可靠，且可以自定义任意显示的数值。 传统采用延时函数的方式实现动态数码管扫描，在题目变复杂时效果总是会不佳，因此在省赛中有必要尝试采用定时计数器中…...
2024/4/5—力扣—下一个排列
代码实现： 思路：两遍扫描 void swap(int *a, int *b) {int t *a;*a *b;*b t; }void reverse(int *nums, int l, int r) {while (l < r) {swap(nums l, nums r);l;r--;} }void nextPermutation(int *nums, int numsSize) {int i numsSize - 2;wh…...
xss.pwnfunction-Ugandan Knuckles
这个是把<>过滤掉了所以只能用js的事件 ?weya"onfocus"alert(1337)" autofocus"...
LabVIEW和2D激光扫描的受电弓滑板磨耗精确测量
LabVIEW和2D激光扫描的受电弓滑板磨耗精确测量 在电气化铁路运输中，受电弓滑板的健康状况对于保障列车安全行驶至关重要。受电弓滑板作为连接电网与列车的直接介质，其磨损情况直接影响到电能的有效传输及列车的稳定运行。精确、快速测量受电弓滑板磨损情…...
Linux第87步_阻塞IO实验
阻塞IO是“应用程序”对“驱动设备”进行操作，若不能获取到设备资源，则阻塞IO应用程序的线程会被“挂起”，直到获取到设备资源为止。 “挂起”就是让线程进入休眠，将CPU的资源让出来。线程进入休眠后，当设备文件可以操…...
C/C++基础----常量和基本数据类型
HelloWorld #include <iostream>using namespace std;int main() {// 打印cout << "Hello,World!" << endl;return 0; }c/c文件和关系 c和c是包含关系，c相当于是c的plus版本c的编译器也可以编译c语言c文件.cpp结尾.h为头文件.c为c语言…...
什么是生成式AI？有哪些特征类型
生成式AI是人类一种人工智能技术，可以生成各种类型的内容，包括文本、图像、音频和合成数据。那么什么是人工智能？人工智能和机器学习之间的区别是什么？有哪些技术特征？ 人工智能是一门学科，是计算机科学的一…...
《Linux C/C++服务器开发实践》之第7章 服务器模型设计
《Linux C/C服务器开发实践》之第7章 服务器模型设计 7.1 I/O模型7.1.1 基本概念7.1.2 同步和异步7.1.3 阻塞和非阻塞7.1.4 同步与异步和阻塞与非阻塞的关系7.1.5 采用socket I/O模型的原因7.1.6（同步）阻塞I/O模型7.1.7（同步）非阻…...
SSH穿透ECS访问内网RDS数据库
处于安全考虑，RDS一般只会允许指定的IP进行访问，而我们开发环境的IP往往是动态的，每次IP变动都需要去修改RDS的白名单，为我们的工作带来很大的不便。 那么如何去解决这个问题？ 假如我们有一台ESC服务器，E…...
python 有哪些函数
Python内置的函数及其用法。为了方便记忆，已经有很多开发者将这些内置函数进行了如下分类： 数学运算(7个) 类型转换(24个) 序列操作(8个) 对象操作(7个) 反射操作(8个) 变量操作(2个) 交互操作(2个) 文件操作(1个) 编译执行(4个) 装饰器(3个) …...
ubuntu web端远程桌面控制
本方案采用x11vncnovnc来实现x11vnc的安装和配置可以参考UOS搭建VNC及连接教程_uos安装vnc-CSDN博客;并把/lib/systemd/system/x11vnc.service内容修改为如下: [Unit]DescriptionStart x11vnc at startup.Aftermulti-user.target[Service]TypesimpleExecStart/usr/bin/x11vnc …...
PCL 点到三角形的距离（3D）
文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 给定三角形ABC和点P，设Q为描述ABC上离P最近的点。求Q的一个方法：如果P在ABC内，那么P的正交投影点就是离P最近的点Q。如果P投影在ABC之外，最近的点则必须位于它的一条边上。在这种情况下，Q可以通过计算线段AB、…...
C# wpf 嵌入外部程序
WPF Hwnd窗口互操作系列 第一章 嵌入Hwnd窗口 第二章 嵌入WinForm控件 第三章 嵌入WPF控件 第四章 嵌入外部程序（本章） 第五章 底部嵌入HwndHost 文章目录 WPF Hwnd窗口互操作系列前言一、如何实现？1、定义属性2、进程嵌入（1&…...
【ELK】ELK企业级日志分析系统
搜集日志；日志处理器；索引平台；提供视图化界面；客户端登录 日志收集者：负责监控微服务的日志，并记录 日志存储者：接收日志，写入 日志harbor：负责去连接多个日志收集者&am…...
详细的讲一下java的接口回调
Java的接口回调是一种允许程序在特定事件发生时通知其他对象的机制。这是观察者设计模式的一种实现方式，常用于实现事件监听和异步处理。接口回调允许对象之间进行松耦合的交互：一个对象只知道它可以调用另一个对象的方法，但它不需要知道这个…...