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

24个强大的HTML属性，建议每位前端工程师都应该掌握！

news 文章来源：https://blog.csdn.net/qq_39335404/article/details/130292910 2025/5/10 6:21:09

HTML属性非常多，除了一些基础属性外，还有许多有用的特别强大的属性
本文将介绍24个强大的HTML属性，可以使您的网站更具有动态性和交互性，让用户感到更加舒适和愉悦。
让我们一起来探索这24个强大的HTML属性吧！

1、Accept

Accept属性用于指定浏览器可以处理的MIME类型列表。

提示：MIME类型是用于识别文档类型的标准，例如，text/html表示HTML文档，image/jpeg表示JPEG图像等。

通过在HTTP请求头中包含Accept属性，浏览器可以告诉服务器它可以接受哪些MIME类型的响应。基于这些信息，服务器可以选择最适合的响应类型并将其返回给浏览器。Accept属性的值是逗号分隔的MIME类型列表，通配符可以用来表示MIME类型的类别，例如，text/*表示所有文本类型。

2、Autofocus

Autofocus属性用于在页面加载时自动将焦点设置到指定元素。

提示：Autofocus属性可以应用于各种HTML元素，例如文本框、按钮、下拉列表等。

在HTML5中，Autofocus属性可以省略属性值，表示将焦点设置到第一个具有Autofocus属性的元素。
当页面加载时，如果有一个具有Autofocus属性的元素，浏览器将自动将光标聚焦在该元素上，使用户可以直接与该元素交互，而无需手动点击或使用Tab键切换焦点。

3、Input mode

Inputmode属性用于指定输入框中输入内容的类型。
它可以帮助浏览器更好地优化输入体验，例如，在移动设备上自动弹出适当的虚拟键盘。
相关属性值：

  • text：默认值，表示输入任何文本。
  • none：表示不需要输入任何内容。
  • tel：表示输入电话号码。
  • url：表示输入URL地址。
  • email：表示输入电子邮件地址。
  • numeric：表示输入数字。
  • decimal：表示输入带小数点的数字。
  • search：表示输入搜索关键字。
  • Inputmode属性的支持程度在不同的浏览器中可能会有所不同。
    因此，在使用Inputmode属性时需要进行兼容性测试。

4、Pattern

Pattern属性是一个正则表达式模式，用于指定输入框中的输入内容。它可以帮助浏览器验证用户输入的内容是否符合指定的格式要求。
如果用户输入的内容不符合Pattern属性指定的正则表达式模式，浏览器将显示默认的错误消息。

提示：

  • Pattern属性的值必须是一个有效的正则表达式。
  • Pattern属性只能应用于可以输入文本的元素，例如文本框、文本域和密码框。
  • Pattern属性不会阻止用户输入非法字符，但会在提交表单时验证输入内容是否符合指定的格式要求
  • 可以使用title属性自定义Pattern属性的错误消息。

通常情况下，Pattern属性与required属性一起使用，以确保用户输入的内容符合指定的格式要求并且不为空。例如，您可以使用Pattern属性验证用户输入的邮政编码、电话号码、电子邮件地址等。

5、Required

Required属性是一个用于指定表单元素是否为必填的属性。
如果一个表单元素具有Required属性，那么在提交表单时，如果该元素的值为空，浏览器将阻止表单提交，并提示用户填写该字段。

提示：

  • Required属性只能应用于表单元素，而不能应用于其他HTML元素。
  • Required属性不会验证用户输入的内容是否符合指定的格式要求，只验证元素是否为空。
  • Required属性不会阻止用户提交空格或空白字符，因此需要其他验证用户输入的手段。
  • Required属性可以与Pattern属性一起使用，以验证用户输入的内容是否符合指定的格式要求。
  • Required属性可以与Autofocus属性一起使用，以确保当用户进入表单页面时，焦点自动在必填字段上。
  • Required属性经常与表单元素的type属性一起使用，例如文本框、下拉列表、单选框、复选框等。

6、Autocomplete

Autocomplete属性是一个用于指定表单元素是否启用自动填充的属性。

Autocomplete属性可以帮助用户更快地填写表单，并降低打字错误的机会。

提示：

on：默认值，表示启用自动填充功能。

off：表示禁用自动填充功能。

name：表示使用表单元素的name属性作为自动完成的关键字。

email：表示使用用户最近输入的电子邮件地址作为自动完成的关键字。

username：表示使用用户最近输入的用户名作为自动完成的关键字。

current-password：表示使用用户最近输入的密码作为自动完成的关键字。

new-password：表示使用用户最近输入的新密码作为自动完成的关键字。

tel：表示使用用户最近输入的电话号码作为自动完成的关键字。

address-level1：表示使用用户最近输入的国家或地区名称作为自动完成的关键字。

address-level2：表示使用用户最近输入的省或州名称作为自动完成的关键字。

address-level3：表示使用用户最近输入的城市或地区名称作为自动完成的关键字。

address-level4：表示使用用户最近输入的街道名称作为自动完成的关键字。

country：表示使用用户最近输入的国家名称作为自动完成的关键字。

Autocomplete属性的支持程度在不同的浏览器中可能会有所不同。因此，在使用Autocomplete属性时需要进行兼容性测试。

7、Multiple

Multiple属性是一个用于指定表单元素是否允许多选的属性。Multiple属性通常应用于下拉列表、文件上传和复选框等表单元素。

Multiple属性通常应用于下拉列表、文件上传和复选框等表单元素。

提示：

Multiple属性只能应用于下拉列表、文件上传和复选框等表单元素，不能应用于单选框和文本框等表单元素。

Multiple属性的值必须是一个布尔值，true或false。

Multiple属性的默认值为false，表示不允许多选。

当Multiple属性的值为true时，下拉列表将显示为可多选的列表框，复选框将显示为可多选的复选框列表，文件上传将允许用户选择多个文件。

在使用Multiple属性时，需要在后台程序中处理多选的值，例如，使用数组来存储多选的值。

如果表单元素设置了Multiple属性，则用户可以选择多个选项，而不仅仅是一个单选项。

8、Download

Download属性是用于在链接下载文件时指定文件名的属性。

如果链接设置了Download属性，那么当用户点击链接下载文件时，浏览器将把文件保存到本地，并使用Download属性指定的文件名来命名文件。

提示：

Download属性的值可以是任何字符串，表示下载文件时使用的文件名。

Download属性只能应用于标签，不能应用于其他HTML元素。

Download属性不会更改实际文件的名称，只是在下载时使用指定的文件名。

Download属性的值可以动态生成，例如使用JavaScript来生成文件名。

在使用Download属性时，需要确保下载的文件合法，不侵犯他人的版权和隐私。

Download属性通常用于标签上，用于下载PDF、图像、音频、视频和其他文件。

9、Contenteditable

Contenteditable属性是HTML中用于指定元素是否可编辑的属性。

提示：

Contenteditable属性的值可以为true、false或inherit。

Contenteditable属性的默认值为false，表示元素不可编辑。

当Contenteditable属性的值为true时，元素可编辑。当Contenteditable属性的值为inherit时，元素的可编辑性继承自父元素。

Contenteditable属性不会改变元素的默认行为，例如标签仍然可以跳转到其他页面。

在使用Contenteditable属性时，需要注意安全问题，避免XSS攻击和恶意脚本注入。

如果一个元素设置了Contenteditable属性，那么用户可以在元素中输入文本、插入图片、修改样式等。Contenteditable属性通常应用于

和

等元素，用于实现富文本编辑器和可编辑表格等功能。

10、Readonly

Readonly属性是HTML中用于指定表单元素是否只读的属性。

提示：

Readonly属性的值必须是布尔值，即true或false。

Readonly属性的默认值是false，表示表单元素是可编辑的。

当Readonly属性的值为true时，表单元素是只读的。Readonly属性不能阻止用户通过JavaScript修改表单元素的值。

Readonly属性与Disabled属性不同，Disabled属性禁用表单元素，以使其无法提交数据。

在使用Readonly属性时，需要在后台程序中处理只读的值，例如使用隐藏域存储只读的值。

如果一个表单元素设置了Readonly属性，那么用户可以看到元素的值，但不能修改元素的值。通常，Readonly属性被应用于表单元素，如文本框、下拉列表和日期选择器，用于展示数据或防止用户修改数据。

11、Hidden

Hidden属性是一个用于指定元素是否隐藏的属性。

提示：

隐藏属性是一种用于指定元素是否隐藏的属性。隐藏属性的值必须是布尔值，即true或false。

默认情况下，隐藏属性的值为false，表示元素未被隐藏。

当隐藏属性的值为true时，元素将被隐藏。

需要注意的是，隐藏属性与CSS的display:none属性不同。display:none属性会完全从页面中删除元素，因此无法通过JavaScript或其他方法访问该元素。

在使用隐藏属性时，需要在后台程序中处理隐藏的值，例如使用隐藏字段来存储隐藏的值。

如果一个元素设置了Hidden属性，那么该元素将不会在页面上显示，但仍存在于页面上，可以通过JavaScript等方式访问。Hidden属性通常应用于表单元素、按钮、图像等元素，以传递数据或控制页面行为，而不影响页面布局。请注意，Hidden属性与CSS的display:none属性不同。display:none属性会完全从页面中移除元素，元素不能通过JavaScript或其他方式访问。当使用Hidden属性时，需要在后台程序中处理隐藏值，例如使用隐藏字段存储隐藏值。

12. Spellcheck

Spellcheck 属性是 HTML 中的一个属性，用于指定是否启用一个元素的拼写检查功能。

提示：

当一个元素设置了Spellcheck属性后，该元素可以启用拼写检查功能。

该属性的取值只能是布尔值，true或false。默认情况下，Spellcheck属性的值为false，表示元素不启用拼写检查。

当Spellcheck属性的值为true时，元素启用拼写检查功能。

但是，不同浏览器支持该属性的程度可能会有所不同，并且不同的浏览器可能有不同的拼写检查算法和词典。

在使用Spellcheck属性时，需要注意安全问题，以避免XSS攻击和恶意脚本注入。

如果一个元素设置了 Spellcheck 属性，那么当用户在元素中输入文本时，浏览器会自动检查拼写错误，并在错误单词下方显示红色的波浪线。Spellcheck 属性通常应用于文本框和文本字段等元素，以提高用户输入的准确性。

13. Translate

如果一个元素设置了Translate属性，那么它可以指定这个元素是否需要被翻译。该属性通常被应用于网页多语言的情况下，用于控制某些元素是否需要被翻译。

提示：

Translate属性的取值必须是yes或no，表示该元素是否需要翻译。

Translate属性的默认值是yes，表示该元素需要翻译。

当Translate属性的取值为no时，该元素不需要翻译。

不同浏览器对Translate属性的支持程度不同，可能有不同的翻译算法和词典。

在使用Translate属性时，需要注意安全问题，以避免XSS攻击和恶意脚本注入。

如果一个元素设置了Translate属性，浏览器会根据属性值决定是否翻译该元素的内容。Translate属性通常用于多语言版本的网站中，以控制哪些元素需要翻译，哪些元素不需要翻译。

14. Loading

“Loading” 是 HTML 中的一个新属性，它可以用来指定浏览器加载资源时的优先级。在加载网页时，浏览器会按照指定的优先级加载资源，以提高网页的加载速度和用户体验。

这个属性可以应用于诸如 、、

提示：

lazy：表示资源应该在页面加载后延迟加载。这是默认值。

eager：表示资源应该在页面加载时立即加载。

auto：表示浏览器应该自行决定何时加载资源。

并非所有浏览器都支持 loadingAttributes，因此在使用它们时需要进行兼容性检查。

15、Onerror

onerror是一个 JavaScript 事件处理程序，用于处理 JavaScript 错误。

可以将onerror事件处理程序添加到window对象中，以全局捕获 JavaScript 错误。

提示：

message：错误信息。

source：发生错误的脚本的 URL。

lineno：发生错误的行号。

colno：发生错误的列号。

error：包含有关错误详细信息的 Error 对象。

onerror 事件处理程序只能捕获其他错误处理程序没有捕获的 JavaScript 错误。因此，在代码中最好使用 try-catch 语句来捕获和处理 JavaScript 错误。

16、Poster

poster是 HTML5 标签的一个属性，用于指定在视频加载和播放之前显示的图像。

提示：

poster属性只适用于标签，不适用于标签。

它通常用于提供视频的预览图像或缩略图。

17、Controls

controls是 HTML5 、 标签中的一个属性，用于指定是否显示媒体播放器的控件。

如果将controls属性设置为controls，则会在媒体播放器上显示控件，例如播放/暂停按钮、音量控制、进度条等。

<!DOCTYPE html>
<html><head><title>Controls Example</title></head><body><video width="320" height="240" controls><source src="video.mp4" type="video/mp4"><source src="video.ogg" type="video/ogg">Your browser does not support the video tag.</video></body>
</html>

controls属性仅在支持HTML5的浏览器中可用。如果浏览器不支持HTML5，则不会显示控件。

18、Autoplay

autoplay是 HTML5 、 标签中的一个属性，用于指定媒体是否应该在页面加载时自动播放。

如果将autoplay属性设置为autoplay，则视频会在页面加载时自动播放。

<!DOCTYPE html>
<html><head><title>Autoplay Example</title></head><body><video width="320" height="240" autoplay><source src="video.mp4" type="video/mp4"><source src="video.ogg" type="video/ogg">Your browser does not support the video tag.</video></body>
</html>`

Autoplay可能会对用户体验产生负面影响，因此请谨慎使用autoplay属性。在某些情况下，浏览器可能会阻止自动播放，例如在移动设备上，用户必须首先与页面进行交互以允许自动播放。

19、Loop

loop是 HTML5 、 标签中的一个属性，用于指定媒体在播放结束后是否应该循环播放。

如果将loop属性设置为loop，则视频在播放结束后将循环播放。

<!DOCTYPE html>
<html><head><title>Loop Example</title></head><body><video width="320" height="240" loop><source src="video.mp4" type="video/mp4"><source src="video.ogg" type="video/ogg">Your browser does not support the video tag.</video></body>
</html>

循环播放可能会对用户体验产生负面影响，因此请谨慎使用loop属性。

20、Cite

cite是 HTML 中的一个全局属性，可用于指定引文的来源。

cite属性的值应该是指向引文来源的 URL。

提示：

cite属性可以应用于诸如

、 、 等标签。

如果引文来源不是 URL，则cite属性的值可以设置为描述引文来源的字符串

<!DOCTYPE html>
<html><head><title>Cite Example</title></head><body><blockquote cite="https://www.example.com/quote">This is a quote from an external source.</blockquote><q cite="https://www.example.com/quote">This is a short quote from an external source.</q><del cite="https://www.example.com/deleted">This text has been deleted from an external source.</del><ins cite="https://www.example.com/inserted">This text has been inserted from an external source.</ins></body>
</html>

cite属性不会自动创建链接，因此如果需要创建链接，您需要使用标签并将href属性设置为cite属性的值。

21、Datetime

datetime是 HTML

datetime属性的值应该是一个有效的日期和时间格式，例如 YYYY-MM-DDThh:mm:ss。

datetime属性不会自动格式化日期和时间，因此您需要使用 JavaScript 或其他工具来格式化日期和时间。

22、Async

async是 HTML

如果将async属性设置为async，则脚本将异步加载，不会阻塞页面的解析和渲染。

异步加载的脚本可能在页面的其他部分加载之前执行，因此请谨慎使用。如果脚本依赖于页面的其他部分，则可能会导致错误。

23、Defer

defer是 HTML

如果将defer属性设置为defer，则脚本将在页面解析完成后延迟加载，直到执行它。

<!DOCTYPE html>
<html><head><title>Defer Example</title><script defer src="script.js"></script></head><body><p>This is a paragraph.</p></body>
</html>

在上面的例子中，我们将defer属性设置为defer，这将导致脚本被延迟加载。在这种情况下，脚本将在页面解析完成后执行，不会阻止页面的加载。

24、Draggable

Draggable Draggable是 HTML5 中的一个属性，允许用户通过拖动元素来移动它们。当元素设置为draggable时，用户可以使用鼠标或触摸屏拖动元素。在拖动元素时，将触发一系列事件，例如dragstart、drag、dragenter、dragleave、dragover和dragend，这些事件可以用于实现拖放功能。

结束
如果您是一位专业的前端工程师，那么您肯定使用过许多属性！你在项目中使用了上面分享的24个强大属性吗？

在文章结尾，我想提醒您，文章的创作不易，如果您喜欢我的分享，请别忘了点赞和转发，让更多有需要的人看到。同时，如果您想获取更多前端技术的知识，欢迎关注我，您的支持将是我分享最大的动力。我会持续输出更多内容，敬请期待。

原文地址

相关文章：

24个强大的HTML属性，建议每位前端工程师都应该掌握！

HTML属性非常多&#xff0c;除了一些基础属性外&#xff0c;还有许多有用的特别强大的属性 本文将介绍24个强大的HTML属性&#xff0c;可以使您的网站更具有动态性和交互性&#xff0c;让用户感到更加舒适和愉悦。 让我们一起来探索这24个强大的HTML属性吧&#xff01; 1、Acc…...

编程日记 2023/4/25 12:36:10

前端--移动端布局--2移动开发之flex布局

目标&#xff1a; 能够说出flex盒子的布局原理 能够使用flex布局的常用属性 能够独立完成携程移动端首页案例 目录&#xff1a; flex布局体验 flex布局原理 flex布局父项常见属性 flex布局子项常见属性 写出网首页案例制作 1.flex布局体验 1.1传统布局与flex布局 传…...

编程日记 2023/4/25 12:31:08

【移动端网页布局】移动端网页布局基础概念 ① ( 移动端浏览器 | 移动端屏幕分辨率 | 移动端网页调试方法 )

文章目录 一、移动端浏览器二、移动端屏幕分辨率三、移动端网页调试方法 一、移动端浏览器 移动端浏览器 比 PC 端浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom / 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本…...

编程日记 2023/5/31 0:46:26

无线洗地机哪款性价比高？高性价比的洗地机分享

虽说现在市面上清洁工具很多&#xff0c;但是要说清洁效果最好的&#xff0c;肯定非洗地机莫属。它集合了吸&#xff0c;洗&#xff0c;拖三大功能&#xff0c;干湿垃圾一次清理&#xff0c;还能根据地面的脏污程度进行清洁&#xff0c;达到极致的清洁效果&#xff0c;省时省力…...

编程日记 2023/4/25 12:21:06

精通 Python OpenCV4：第三、四部分

原文&#xff1a;Mastering OpenCV 4 with Python 协议&#xff1a;CC BY-NC-SA 4.0 译者&#xff1a;飞龙 本文来自【ApacheCN 计算机视觉 译文集】&#xff0c;采用译后编辑&#xff08;MTPE&#xff09;流程来尽可能提升效率。 当别人说你没有底线的时候&#xff0c;你最好真…...

编程日记 2023/4/25 12:16:05

在现成的3D打印机上进行实验理论：一种数据孪生的攻击探测框架

在现成的3D打印机上提供了一种DT中攻击探测框架的DT解决方案的实验演示&#xff0c;作为说明性CPMS资源。通过网络安全DT对打印机正常运行、异常运行和攻击三种情况下的实验数据进行收集和分析&#xff0c;得出攻击检测结果。实验装置概述如下图所示。该实验研究是在现实世界设…...

编程日记 2023/4/25 12:11:03

网络通信之传输层协议

文章目录 传输层在网络通信中扮演的角色认识TCP协议TCP协议的多种机制确认应答(ACK)机制超时重传机制连接管理机制&#x1f53a;滑动窗口流量控制拥塞控制延迟应答捎带应答面向字节流粘包问题TCP异常处理 总结 传输层在网络通信中扮演的角色 上图是网络通信中五个模块&#xff…...

编程日记 2023/4/25 12:06:02

短视频app开发：如何提高视频播放稳定性

简介 如今&#xff0c;短视频已经成为人们日常生活中不可或缺的一部分&#xff0c;而短视频app的开发也日益成为了人们热议的话题。在短视频app开发的过程中&#xff0c;如何提高视频播放稳定性是一个非常重要的问题。本文将从短视频源码角度出发&#xff0c;分享提高短视频ap…...

编程日记 2023/4/25 12:01:00

软件测试，想找一份20k以上的工作需要掌握哪些知识？

都知道IT行业是高薪人员的聚集地&#xff0c;但想要成为高薪程序员却并不容易。月薪20k是测试工程师的一个门槛&#xff0c;想要突破就必须掌握更多的技能。 因为程序员职业发展很快&#xff0c;即使是相同起点的人&#xff0c;经过几年的工作或学习&#xff0c;会迅速拉开极…...

编程日记 2023/5/31 9:55:02

PostgreSQL标准复制方案

集群拓扑 假设我们使用4单元的标准配置&#xff1a;主库&#xff0c;同步从库&#xff0c;延迟备库&#xff0c;远程备库&#xff0c;分别用字母M,S,O,R标识。 M&#xff1a;Master, Main, Primary, Leader, 主库&#xff0c;权威数据源。S: Slave, Secondary, Standby, Sync…...

编程日记 2023/4/25 11:50:58

AOD实践，modis数据下载，modis数据处理

modis数据下载-数据读取-重投影-拼接-均值 一、数据下载 1、Cygwin安装 Cygwin安装教程&#xff1a;https://blog.csdn.net/u010356768/article/details/90756742 1.2 数据采集 现提供遥感数据下载服务&#xff0c;主要是NASA数据&#xff0c;数据下载网站包括&#xff1a…...

编程日记 2023/4/25 11:45:52

常见的注册中心Nacos、Eureka

常见的注册中心 1.Eureka&#xff08;原生&#xff0c;2.0遇到瓶颈&#xff0c;停止维护&#xff09; 2.Zookeeper&#xff08;支持&#xff0c;专业的独立产品。例如&#xff1a;dubbo&#xff09; 3.Consul&#xff08;原生&#xff0c;GO语言开发&#xff09; 4.Nacos …...

编程日记 2023/5/31 19:48:35

逆向思维书籍推荐

《逆向思维》作者&#xff1a;德鲁克 《逆向思维法》作者&#xff1a;艾伦哈勃 《逆向思维&#xff1a;如何解决问题》作者&#xff1a;托尼布赖恩特 《逆向思维的力量》作者&#xff1a;李开复 《逆向思维&#xff1a;掌握创新的关键》作者&#xff1a;李嘉诚 《逆向思维》作…...

编程日记 2023/4/25 11:35:50

centos系统简析

服务器所使用的最多的系统之一便是Linux系统&#xff0c;Linux下centos系统也是常用的系统&#xff0c;今天来给大家详细说名下centos系统。 CentOS于2004年5月发布&#xff0c;作为一个完全免费且基于Linux内核的操作系统。CentOS 起源于 RHEL。其目标是提供一个免费提供的企…...

编程日记 2023/4/25 11:30:48

「SQL面试题库」 No_43 只出现一次的最大数字

&#x1f345; 1、专栏介绍 「SQL面试题库」是由 不是西红柿 发起&#xff0c;全员免费参与的SQL学习活动。我每天发布1道SQL面试真题&#xff0c;从简单到困难&#xff0c;涵盖所有SQL知识点&#xff0c;我敢保证只要做完这100道题&#xff0c;不仅能轻松搞定面试&#xff0…...

编程日记 2023/5/31 4:10:28

TEB算法详解 参数详解

teb算法的基本思路之前已经看完了&#xff0c;今天主要看一下teb算法的参数配置文件&#xff0c;分析一下每个配置参数的作用&#xff1a; teb的参数主要可以包含以下几个部分&#xff1a; 1、Trajectory Trajectory的参数顾名思义&#xff0c;就是对路径生效的一些参数&…...

编程日记 2023/5/31 14:29:37

JavaSE学习进阶day05_03 泛型(进阶)

第五章 泛型&#xff0c;之前基础班学习过泛型&#xff0c;但是学的不深入 需要我们掌握的内容&#xff1a;&#xff08;掌握&#xff09; 1&#xff0c;如何使用一个带有泛型的类 2&#xff0c;如何使用一个带有泛型的方法 代码示例&#xff1a; ArrayList<String> lis…...

编程日记 2023/4/25 11:15:45

Flutter 布局探索 | 如何分析尺寸和约束

theme: cyanosis 前言 本文来分享一下&#xff0c;通过查看源码和布局信息解决的一个实际中的布局小问题&#xff0c;也希望通过本文的分享&#xff0c;当你遇到布局问题时&#xff0c;可以靠自己的脑子和双手解决问题。 如下所示&#xff0c;将 TextField 作为 AppBar 组件的 …...

编程日记 2023/4/25 11:10:44

01-Java基础知识面试题（2020最新版）

Java概述 何为编程 编程就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码&#xff0c;并 终得到结果的过程。 为了使计算机能够理解人的意图&#xff0c;人类就必须要将需解决的问题的思路、方法、 和手段通过计算机能够理解的形式告诉计算机&#xff0c;使得…...

编程日记 2023/4/25 11:05:43

同一台电脑管理多个ssh key

默认情况下&#xff0c;我们在本地电脑生成的密钥都是 id_rsa 和 id_rsa.pub &#xff0c;git 默认情况下也只会读取这个私钥&#xff0c;所以我们需要修改一些配置来支持多个SSH Key。 本文基于Linux系统&#xff0c;Windows系统类似 第一步&#xff1a;生成ssh公私钥 ljhp…...

编程日记 2023/4/25 11:00:41

《UVM实战》学习笔记——第七章 UVM中的寄存器模型2——期望值/镜像值、自动/显示预测、操作方式

文章目录 前言一、寄存器模型对DUT的模拟1.1 期望值和镜像值1.2 常见操作对期望值和镜像值的影响 二、prediction分类2.1 自动预测2.2 显式预测 三、访问寄存器方式四、mem和reg的联系和差别五、内建built_in sequence5.1 寄存器模型内建序列5.2 存储器模型内建序列5.3 禁止域名…...

编程日记 2023/4/25 10:55:40

OFDM-LS信道估计 MMSE信道估计公式推导

假设ofdmN个子载波之间是完全正交的&#xff0c;即不考虑ICI影响&#xff0c;通过发送训练序列来实现信道估计。 其中&#xff0c;在推导6.8的时候&#xff0c;需要将6.6先拆解一下。 X − 1 Y X − 1 ( X H Z ) X − 1 X H X − 1 Z H X − 1 Z X^{-1}Y X^{-1}(XHZ)…...

编程日记 2023/4/25 10:50:39

业界内分布式锁

技术主题 在分布式系统中&#xff0c;面对分布式微服务日益流行的场景&#xff0c;分布式锁一直是分布式系统老生常谈的内容。分布式锁可以防止用户重复点击&#xff0c;对于电商场景中&#xff0c;分布式锁可以防止用户重复下单&#xff0c;给用户带来更好的体验。 技术实现…...

编程日记 2023/4/25 10:45:38

基于Java+Springboot+Vue+elememt甜品屋蛋糕商城系统设计和实现

基于JavaSpringbootVueelememt甜品屋蛋糕商城系统设计和实现 博主介绍&#xff1a;5年java开发经验&#xff0c;专注Java开发、定制、远程、指导等,csdn特邀作者、专注于Java技术领域 作者主页 超级帅帅吴 Java项目精品实战案例《500套》 欢迎点赞 收藏 ⭐留言 文末获取源码联系…...

编程日记 2023/4/25 10:40:37

C/C++每日一练(20230424)

目录 1. 只出现一次的数字 &#x1f31f; 2. 有效的括号 &#x1f31f;&#x1f31f; 3. 递归反序正整数 &#x1f31f; &#x1f31f; 每日一练刷题专栏 &#x1f31f; Golang每日一练 专栏 Python每日一练 专栏 C/C每日一练 专栏 Java每日一练 专栏 1. 只出现一次…...

编程日记 2023/4/25 10:35:36

三百左右的蓝牙耳机哪个音质好？三百左右音质最好的蓝牙耳机推荐

在外出携带的数码产品中&#xff0c;蓝牙耳机的出现频率居高不下&#xff0c;一部手机&#xff0c;一副耳机已经成为不少人外出的标配。蓝牙耳机无外乎是用来听的&#xff0c;下面&#xff0c;我来给大家推荐几款三百左右音质好的蓝牙耳机&#xff0c;一起来看看吧。 一、南卡…...

编程日记 2023/4/25 10:30:35

把阿里大鸟花3个月时间整理的软件测试面经偷偷给室友，差点被他开除了···

写在前面 “这份软件测试面经看起来不错&#xff0c;等会一起发给他吧”&#xff0c;我看着面前的面试笔记自言自语道。 就在这时&#xff0c;背后传来了leder“阴森森”的声音&#xff1a;“不错吧&#xff0c;我可是足足花了三个月整理的” 始末 刚入职阿里的我收到了大学…...

编程日记 2023/4/25 10:25:33

跳槽时的决策逻辑是什么？

你好&#xff0c;我是辰洋&#xff0c;《郭东白的架构课》的项目负责人。 我们正文的第二个模块已经更新过半。之前已经预告过&#xff0c;东白老师会时不时邀请一些不同行业的技术领导者来交流与对话&#xff0c;为你提供更多的视角、更宽阔的视野和更多元的思考维度。 正值…...

编程日记 2023/6/1 4:19:30

vs2022下配置zxing cpp环境

生成zxing 下载zxing&#xff0c;zxing-cpp-master https://github.com/zxing-cpp/zxing-cpp Cmake生成项目&#xff0c;点Generate&#xff0c;把OpenCV_DIR修改了&#xff0c;NameValue没有报红就点Generate。然后点Open Project打开项目。 打开项目后&#xff0c;右击解决…...

编程日记 2023/4/25 10:15:31

【linux】linux入门级别指令

一些基础指令 前言用户登录新建用户 ls指令pwd命令cd 指令which指令alias指令touch指令mkdir指令rmdir指令 && rm 指令rmdirrm man指令cp指令mv指令catmoreless指令head 指令tail指令输出重定向时间相关的指令cal指令find指令grep指令zip/unzip指令tar指令bc指令uname指…...

编程日记 2023/4/25 10:10:30