html-列表标签和表单标签
一、列表标签
表格是用来显示数据的,那么列表就是用来布局的
列表最大的特点就是整齐､整洁､有序,它作为布局会更加自由和方便｡
根据使用情景不同,列表可以分为三大类:无序列表､有序列表和自定义列表｡
1.无序列表(重点)
<ul> 标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用 <li> 标签定义｡
无序列表的基本语法格式如下:
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul><ul>：Unordered List，意为无序列表。“Unordered” 表示无序的，“List” 表示列表，在 HTML 中用于定义无序列表，其中的列表项没有顺序之分。
<li>：List Item，意为列表项。“Item” 有项目、条款的含义，在<ul>或<ol>标签内使用，用来定义每个具体的列表项目。
1. 无序列表的各个列表项之间没有顺序级别之分,是并列的｡
2. <ul></ul> 中只能嵌套 <li></li>,直接在 <ul></ul> 标签中输入其他标签或者文字的做法是不被允许的｡
3. <li> 与 </li> 之间相当于一个容器,可以容纳所有元素｡
4. 无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置｡
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>无序列表</title>
</head><body><h4>您喜欢的食物?</h4><ul><li>榴莲</li><li>臭豆腐</li><li>鲱鱼罐头</li><li><p>123</p></li><li><p> li与li之间相当于一个容器,可以容纳所有元素｡</p></li></ul>
</body></html>运行结果：
2. 有序列表(理解)
有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义｡
在 HTML 标签中,<ol> 标签用于定义有序列表,列表排序以数字来显示,并且使用 <li> 标签来定义列表项｡
有序列表的基本语法格式如下:
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol><ol>：Ordered List，意为有序列表。“Ordered” 表示 “有序的” ，“List” 表示 “列表”，在 HTML 中用于定义有序列表，列表中的项目会按照一定顺序排列，通常以数字、字母等形式显示排列顺序。
<li>：List Item，意为列表项。“Item” 意思是 “项目；条款”，在<ol>标签内，每个<li>标签代表一个具体的列表项。
1. <ol></ol>中只能嵌套<li></li>,直接在<ol></ol>标签中输入其他标签或者文字的做法是不被允许的｡
2. <li> 与 </li>之间相当于一个容器,可以容纳所有元素｡
3. 有序列表会带有自己样式属性,但在实际使用时,我们会使用 CSS 来设置｡
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>有序列表(理解)</title>
</head><body><h4>粉丝排行榜</h4><ol><li>刘德华 10000</li><li>刘若英 1000</li><li>老师 1</li></ol>
</body></html>运行结果：
3. 自定义列表(重点)
自定义列表的使用场景:
自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号｡
在 HTML 标签中,<dl> 标签用于定义描述列表(或定义列表),该标签会与 <dt>(定义项目/名字)和 <dd>(描述每一个项目/名字)一起使用｡ 其基本语法如下:
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl><dl>：Definition List，意为定义列表。“Definition” 表示定义，“List” 表示列表，该标签用于创建一个包含术语定义的列表结构。
<dt>：Definition Term，意为定义术语。“Term” 有术语、词语的含义，在<dl>标签内，<dt>标签用于定义列表中的术语或项目名称。
<dd>：Definition Description，意为定义描述。“Description” 表示描述，在<dl>标签内，<dd>标签用于对<dt>定义的术语或项目进行具体解释和描述。
1. <dl></dl> 里面只能包含 <dt> 和 <dd>｡
2. <dt> 和 <dd>个数没有限制,经常是一个<dt> 对应多个<dd>｡
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>自定义列表(重点)</title>
</head>
<body><dl><dt>关注我们</dt><dd>新浪微博</dd><dd>官方微信</dd><dd>联系我们</dd><dt>关注我们</dt><dd>新浪微博</dd><dd>官方微信</dd><dd>联系我们</dd></dl>
</body>
</html>运行结果：
4. 列表总结
二、表单标签
1. 表单的组成
在 HTML 中,一个完整的表单通常由表单域､表单控件(也称为表单元素)和 提示信息3个部分构成｡
2.表单域
表单域是一个包含表单元素的区域｡
在 HTML 标签中, <form> 标签用于定义表单域,以实现用户信息的收集和传递｡
<form> 会把它范围内的表单元素信息提交给服务器.
<form action=“url地址” method=“提交方式” name=“表单域名称">
各种表单元素控件
</form>常用属性:
这3个涉及服务器，暂时不讲？？？？
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>表单域(了解)</title>
</head>
<body><form action="demo.php" method="POST" name="name1"></form>
</body>
</html>运行结果：
3.表单控件(表单元素)
在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件｡
⑴.<input> 表单元素:type属性
在英文单词中,input 是输入的意思,而在表单元素中 <input> 标签用于收集用户信息
在 <input> 标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多种形式(可以是文本 字段､复选框､掩码后的文本控件､单选按钮､按钮等)｡
<input type="属性值" /><input /> 标签为单标签
type 属性设置不同的属性值用来指定不同的控件类型
type 属性的属性值及其描述如下:
①text
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- text 文本框 用户可以里面输入任何文字 -->用户名: <input type="text"></form>
</body></html>运行结果：
②password:密码框 用户看不见输入的密码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- text 文本框 用户可以里面输入任何文字 -->用户名: <input type="text"><br><!-- password 密码框 用户看不见输入的密码 -->密码: <input type="password"> <br></form>
</body></html>运行结果：
③radio：单选按钮
加上name才可以只能选一个
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- radio 单选按钮 可以实现多选一 -->性别：男<input type="radio"> 女<input type="radio"></form>
</body></html>运行结果：
④checkbox:复选框
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form>爱好: 吃饭 <input type="checkbox"> 睡觉 <input type="checkbox"> 打豆豆 <input type="checkbox"></form>
</body></html>运行结果：可以多选
⑤submit和reset和button
submint点击了提交按钮,可以把 表单域 form 里面的表单元素 里面的值 提交给后台服务器
reset重置按钮可以还原表单元素初始的默认状态
普通按钮 button 后期结合js 搭配使用--
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- text 文本框 用户可以里面输入任何文字 -->用户名: <input type="text" name="username" value="请输入用户名" maxlength="6"><br><!-- password 密码框 用户看不见输入的密码 -->密码: <input type="password" name="pwd"> <br><!-- radio 单选按钮 可以实现多选一 --><!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 --><!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 -->性别: 男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女" checked="checked"> 人妖<input type="radio" name="sex" value="人妖"> <br><!-- checkbox 复选框 可以实现多选 -->爱好: 吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby"> 打豆豆 <inputtype="checkbox" name="hobby" checked="checked"><br><!-- 点击了提交按钮,可以把 表单域 form 里面的表单元素 里面的值 提交给后台服务器 --><input type="submit" value="免费注册"><!-- 重置按钮可以还原表单元素初始的默认状态 --><input type="reset" value="重新填写"><!-- 普通按钮 button 后期结合js 搭配使用--><input type="button" value="获取短信验证码"> <br></form>
</body></html>运行结果：
⑥file
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- 文件域 使用场景 上传文件使用的 -->上传头像: <input type="file">上传头像: <input type="file" value="上传文件"></form>
</body></html>
⑵.<input> 表单元素:其他属性
除 type 属性外,<input>标签还有其他很多属性,其常用属性如下:
1. name 和value 是每个表单元素都有的属性值,主要给后台人员使用.
2. name 表单元素的名字, 要求 单选按钮和复选框要有相同的name值.
3. checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素.
4. maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用.
①name
name是干什么用的？
在 HTML 表单中，name属性具有关键作用：
后台数据识别与处理：在表单提交数据时，name属性为后台程序识别和处理表单数据提供标识。后台开发人员依据name属性值获取对应表单元素的值。比如在用户注册页面，用户名输入框的name设为username，密码输入框name设为password，后台通过name获取用户输入的用户名和密码，进行验证和存储等操作。
单选按钮和复选框分组：对于单选按钮和复选框，相同name值可实现功能分组。以性别选择的单选按钮为例，<input type="radio" name="sex" value="男">男和<input type="radio" name="sex" value="女">女，name都为sex，这样用户选择时只能选中一个，确保数据的唯一性和准确性。
复选框同理，如兴趣爱好选择<input type="checkbox" name="hobby" value="阅读">阅读、<input type="checkbox" name="hobby" value="运动">运动，相同name使它们成为一组，用户可选择多个爱好，方便后台获取用户多项选择。
区分页面中多个表单元素：当页面存在多个表单元素时，name属性用于区分。例如既有登录表单又有注册表单，两个表单都有用户名输入框，通过设置不同的name值，如登录表单的用户名输入框name="login_username"，注册表单的name="register_username"，后台能准确区分和处理不同表单的数据。
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form>性别: 男 <input type="radio" name="sex"> 女 <input type="radio" name="sex"> 人妖 <input type="radio" name="sex"> <br>爱好: 吃饭 <input type="checkbox" name="hobby"> 睡觉 <input type="checkbox" name="hobby"> 打豆豆 <input type="checkbox"name="hobby"></form>
</body></html>运行结果：
②value
在text中可以显示文字
在radio和复选框（checkbox）中当用户提交表单时，表单数据会被发送到服务器进行处理。value 属性的值会作为该单选按钮所代表选项的数据被一同提交
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- text 文本框 用户可以里面输入任何文字 -->用户名: <input type="text" name="username" value="请输入用户名"><br><!-- password 密码框 用户看不见输入的密码 -->密码: <input type="password" name="pwd"> <br>性别: 男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女"> 人妖 <inputtype="radio" name="sex" value="人妖"> <br><!-- checkbox 复选框 可以实现多选 -->爱好: 吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby"> 打豆豆 <inputtype="checkbox" name="hobby"></form>
</body></html>运行结果：
③ checked属性
主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素.
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- text 文本框 用户可以里面输入任何文字 -->用户名: <input type="text" name="username" value="请输入用户名"><br><!-- password 密码框 用户看不见输入的密码 -->密码: <input type="password" name="pwd"> <br><!-- radio 单选按钮 可以实现多选一 --><!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 --><!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 -->性别: 男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女" checked="checked"> 人妖<input type="radio" name="sex" value="人妖"> <br><!-- checkbox 复选框 可以实现多选 -->爱好: 吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby"> 打豆豆 <inputtype="checkbox" name="hobby" checked="checked"><br></form>
</body></html>运行结果：
④ maxlength
是用户可以在表单元素输入的最大字符数, 一般较少使用.
当为表单元素设置了 maxlength 属性后，用户在该元素中输入内容时，输入的字符数量达到 maxlength 指定的值后，就无法再继续输入更多字符。
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>input 表单元素</title>
</head><body><form><!-- text 文本框 用户可以里面输入任何文字 -->用户名: <input type="text" name="username" value="请输入用户名" maxlength="6"><br><!-- password 密码框 用户看不见输入的密码 -->密码: <input type="password" name="pwd"> <br><!-- radio 单选按钮 可以实现多选一 --><!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 --><!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 -->性别: 男 <input type="radio" name="sex" value="男"> 女 <input type="radio" name="sex" value="女" checked="checked"> 人妖<input type="radio" name="sex" value="人妖"> <br><!-- checkbox 复选框 可以实现多选 -->爱好: 吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby"> 打豆豆 <inputtype="checkbox" name="hobby" checked="checked"><br></form>
</body></html>
当超过6个时不能再输入
⑶. <select> 表单元素
使用场景: 在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用<select>标签控件定义下 拉列表｡
语法:
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
…
</select>1. <select> 中至少包含一对<option> ｡
2. 在<option> 中定义 selected =“ selected " 时,当前项即为默认选中项｡
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>select下拉表单</title>
</head>
<body><form>籍贯: <select><option>山东</option><option>北京</option><option>天津</option><option selected="selected">火星</option></select>
</form>
</body>
</html>
⑷.<textarea> 表单元素
使用场景: 当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用 <textarea> 标签｡
在表单元素中,<textarea> 标签是用于定义多行文本输入的控件｡
使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论｡
语法:
<textarea rows="3" cols="20">
文本内容
</textarea>1. 通过 <textarea> 标签可以轻松地创建多行文本输入框｡
2. cols=“每行中的字符数” ,rows=“显示的行数”,我们在实际开发中不会使用,都是用 CSS 来改变大小｡
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>textarea 文本域</title>
</head><body><form>今日反馈:<textarea cols="50" rows="5">老师,我知道这个反馈留言是textarea来做的 </textarea></form>
</body></html>
三、表单标签之label标签
类比锚点链接
<label> 标签为 input 元素定义标注(标签)｡
<label> 标签用于绑定一个表单元素, 当点击<label> 标签内的文本时,浏览器就会自动将焦点(光标)转到或者 选择对应的表单元素上,用来增加用户体验.
语法:
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />核心: <label> 标签的 for 属性应当与相关元素的 id 属性相同｡
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>label标签</title>
</head><body><label for="text"> 用户名:</label> <input type="text" id="text"><input type="radio" id="nan" name="sex"> <label for="nan">男</label><input type="radio" id="nv" name="sex"> <label for="nv">女</label>
</body></html>
四、综合案例-注册页面
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>综合案例-注册页面</title>
</head><body><h4>青春不常在，抓紧谈恋爱</h4><table width="600"><!-- 第一行 --><tr><td>性别:</td><td><input type="radio" name="sex" id="nan"> <label for="nan"> <img src="images/man.jpg"> 男 </label><input type="radio" name="sex" id="nv"> <label for="nv"><img src="images/women.jpg"> 女</label></td></tr><!-- 第二行 --><tr><td>生日:</td><td><select><option>--请选择年份--</option><option>2001</option><option>2002</option><option>2003</option></select><select><option>--请选择月份--</option><option>1</option><option>2</option><option>3</option></select><select><option>--请选择日--</option><option>1</option><option>2</option><option>3</option></select></td></tr><!-- 第三行 --><tr><td>所在地区</td><td><input type="text" value="北京思密达"></td></tr><!-- 第四行 --><tr><td>婚姻状况:</td><td><input type="radio" name="marry" checked="checked">未婚 <input type="radio" name="marry"> 已婚 <inputtype="radio" name="marry"> 离婚</td></tr><!-- 第五行 --><tr><td>学历:</td><td><input type="text" value="博士后"></td></tr><!-- 第六行 --><tr><td>喜欢的类型:</td><td><input type="checkbox" name="love"> 妩媚的<input type="checkbox" name="love"> 可爱的<input type="checkbox" name="love"> 小鲜肉<input type="checkbox" name="love"> 老腊肉<input type="checkbox" name="love" checked="checked"> 都喜欢</td></tr><!-- 第七行 --><tr><td>个人介绍</td><td><textarea>个人简介</textarea></td></tr><!-- 第八行 --><tr><td></td><td><input type="submit" value="免费注册"></td></tr><tr><td></td><td><input type="checkbox" checked="checked"> 我同意注册条款和会员加入标准</td></tr><tr><td></td><td><a href="#"> 我是会员，立即登录</a></td></tr><tr><td></td><td><h5>我承诺</h5><ul><li>年满18岁、单身</li><li>抱着严肃的态度</li><li>真诚寻找另一半</li></ul></td></tr></table>
</body></html>运行结果：
相关文章：
html-列表标签和表单标签
一、列表标签 表格是用来显示数据的,那么列表就是用来布局的 列表最大的特点就是整齐､整洁､有序,它作为布局会更加自由和方便｡ 根据使用情景不同,列表可以分为三大类:无序列表､有序列表和自定义列表｡ 1.无序列表(重…...
HTML-网页介绍
一、网页 1.什么是网页： 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素…...
动态ip和静态ip适用于哪个场景？有何区别
在数字化浪潮席卷全球的今天，IP地址作为网络世界的“门牌号”，其重要性不言而喻。然而，面对动态IP与静态IP这两种截然不同的IP分配方式，许多用户往往感到困惑：它们究竟有何区别？又分别适用于哪些场景呢&…...
android13打基础: 保存用户免得下次重新登录逻辑
使用SP来做 创建LoginUser.kt // 登录用户需要Email data class LoginUser(val email: String,val password: String, )创建假数据FakeLoginUser.kt object FakeLoginUser {val fake_login_user_items arrayListOf(LoginUser(email "1690544550qq.com",password …...
Linux 4.4 内核源码的目录结构及其主要内容的介绍
以下是 Linux 4.4 内核源码的目录结构及其主要内容的介绍，适用于理解内核模块和驱动开发的基本框架： Linux 4.4 内核源码目录结构 目录作用与内容arch/平台架构相关代码每个子目录对应一种 CPU 架构（如 x86/、arm/、arm64/），包含硬件相关的启动逻辑、中断处理、内存管理等…...
手脑革命：拆解Manus AI如何用“执行智能体”重构生产力——中国团队突破硅谷未竟的技术深水区
第一章：Manus AI 的技术演进与行业背景 1.1 从工具到智能体：AI 技术的范式跃迁 人工智能的发展经历了从规则驱动（Rule-based）到统计学习（Statistical Learning），再到深度学习（Deep…...
Android 调用c++报错 exception of type std::bad_alloc: std::bad_alloc
一、报错信息 terminating with uncaught exception of type std::bad_alloc: std::bad_alloc 查了那部分报错c++代码 szGridSize因为文件太大，初始化溢出了 pEGM->pData = new float[szGridSize]; 解决办法 直接抛出异常，文件太大就失败吧 最后还增加一个日志输出，给…...
匿名GitHub链接使用教程（Anonymous GitHub）2025
Anonymous GitHub 1. 引言2. 准备3. 进入Anonymous GitHub官网4. 用GitHub登录匿名GitHub并授权5. 进入个人中心，然后点击• Anonymize Repo实例化6. 输入你的GitHub链接7. 填写匿名链接的基础信息8. 提交9. 实例化对应匿名GitHub链接10. 进入个人中心管理项目11. 查…...
【0基础跟AI学软考高项】成本管理
💰「成本管理」是什么？ 一句话解释：像家庭装修控制预算，既要买得起好材料，又要避免超支吃泡面——成本管理就是精准算钱、合理花钱、动态盯钱，保证项目不破产！ 🌋 真实案例…...
模型的原始输出为什么叫 logits
模型的原始输出为什么叫 logits flyfish 一、Logarithm（对数 log） 定义：对数是指数运算的逆运算，表示某个数在某个底数下的指数。 公式：若 b x a b^x a bxa，则 log b ( a ) x \log_b(a) x logb…...
[SAP MM] 查看物料主数据的物料类型
创建物料主数据时，必须为物料分配物料类型，如原材料或半成品 在标准系统中，物料类型ROH(原材料)的所有物料都要从外部采购，而类型为NLAG(非库存物料)的物料则可从外部采购也可在内部生产 ① 特殊物料类型：NLAG 该物料…...
风控模型算法面试题集结
特征处理 1. 特征工程的一般步骤什么？什么是特征迭代 特征工程一般包含： 数据获取，分析数据的可用性（覆盖率，准确率，获取容易程度）数据探索，分析数据业务含义，对特征有一个大致了解，同时进行数据质量校验，包含缺失值、异常值和一致性等；特征处理，包含数据处理和…...
PX4中的DroneCAN的实现库Libuavcan及基础功能示例
简介 Libuavcan是一个用C编写的可移植的跨平台库，对C标准库的依赖小。它可以由几乎任何符合标准的C编译器编译，并且可以在几乎任何体系结构/OS上使用。 在 DroneCAN 中，Libuavcan 有一个 DSDL 编译器，将 DSDL 文件转换为 hpp 头…...
Hot 3D 人体姿态估计 HPE Demo复现过程
视频讲解 Hot 3D 人体姿态估计 HPE Demo复现过程 标题：Hourglass Tokenizer for Efficient Transformer-Based 3D Human Pose Estimation论文地址：https://arxiv.org/abs/2311.12028代码地址：https://github.com/NationalGAILab/HoT 使用con…...
Linux操作系统6- 线程1（线程基础，调用接口，线程优缺点）
上篇文章：Linux操作系统5- 补充知识（可重入函数，volatile关键字，SIGCHLD信号）-CSDN博客 本篇Gitee仓库：myLerningCode/l27 橘子真甜/Linux操作系统与网络编程学习 - 码云 - 开源中国 (gitee.com) 目录 一.…...
每周一个网络安全相关工具——MetaSpLoit
一、Metasploit简介 Metasploit（MSF）是一款开源渗透测试框架，集成了漏洞利用、Payload生成、后渗透模块等功能，支持多种操作系统和硬件平台。其模块化设计（如exploits、auxiliary、payloads等）使其成为全球…...
MAC-禁止百度网盘自动升级更新
通过终端禁用更新服务（推荐） 此方法直接移除百度网盘的自动更新组件，无需修改系统文件。 步骤： 1.关闭百度网盘后台进程 按下 Command + Space → 输入「活动监视器」→ 搜索 BaiduNetdisk 或 UpdateAgent → 结束相关进程。 2.删除自动更新配置文件 打开终端…...
【C语言】自定义类型：结构体，联合，枚举(上)
前言：在C语言中除了我们经常使用的数据(int，float，double类型)等这些类型以外，还有一种类型就是自定义类型，它包括结构体，联合体，枚举类型。为什么要有这种自定义类型呢？假设我们想描…...
SQLiteStudio：一款免费跨平台的SQLite管理工具
SQLiteStudio 是一款专门用于管理和操作 SQLite 数据库的免费工具。它提供直观的图形化界面，简化了数据库的创建、编辑、查询和维护，适合数据库开发者和数据分析师使用。 功能特性 SQLiteStudio 提供的主要功能包括： 免费开源，可…...
Mysql配置文件My.cnf（my.ini）配置参数说明
一、my.cnf 配置文件路径：/etc/my.cnf，在调整了该文件内容后，需要重启mysql才可生效。 1、主要参数 basedir path # 使用给定目录作为根目录(安装目录)。 datadir path # 从给定目录读取数据库文件。 pid-file filename # 为mysq…...
React Native 开发环境搭建（全平台详解）
React Native 开发环境搭建（全平台详解） 在开始使用 React Native 开发移动应用之前，正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南，涵盖 macOS 和 Windows 平台的配置步骤，如何在 Android 和 iOS…...
JVM垃圾回收机制全解析
Java虚拟机（JVM）中的垃圾收集器（Garbage Collector，简称GC）是用于自动管理内存的机制。它负责识别和清除不再被程序使用的对象，从而释放内存空间，避免内存泄漏和内存溢出等问题。垃圾收集器在Ja…...
【Zephyr 系列 10】实战项目：打造一个蓝牙传感器终端 + 网关系统（完整架构与全栈实现）
🧠关键词：Zephyr、BLE、终端、网关、广播、连接、传感器、数据采集、低功耗、系统集成 📌目标读者：希望基于 Zephyr 构建 BLE 系统架构、实现终端与网关协作、具备产品交付能力的开发者 📊篇幅字数：约 5200 字 ✨ 项目总览 在物联网实际项目中，**“终端 + 网关”**是…...
【电力电子】基于STM32F103C8T6单片机双极性SPWM逆变（硬件篇）
本项目是基于 STM32F103C8T6 微控制器的 SPWM（正弦脉宽调制）电源模块，能够生成可调频率和幅值的正弦波交流电源输出。该项目适用于逆变器、UPS电源、变频器等应用场景。 供电电源 输入电压采集 上图为本设计的电源电路，图中 D1 为二极管， 其目的是防止正负极电源反接， …...
Selenium常用函数介绍
目录 一，元素定位 1.1 cssSeector 1.2 xpath 二，操作测试对象 三，窗口 3.1 案例 3.2 窗口切换 3.3 窗口大小 3.4 屏幕截图 3.5 关闭窗口 四，弹窗 五，等待 六，导航 七，文件上传 …...
苹果AI眼镜：从“工具”到“社交姿态”的范式革命——重新定义AI交互入口的未来机会
在2025年的AI硬件浪潮中，苹果AI眼镜（Apple Glasses）正在引发一场关于“人机交互形态”的深度思考。它并非简单地替代AirPods或Apple Watch，而是开辟了一个全新的、日常可接受的AI入口。其核心价值不在于功能的堆叠，而在于如何通过形态设计打破社交壁垒，成为用户“全天佩戴…...
macOS 终端智能代理检测
🧠 终端智能代理检测：自动判断是否需要设置代理访问 GitHub 在开发中，使用 GitHub 是非常常见的需求。但有时候我们会发现某些命令失败、插件无法更新，例如： fatal: unable to access https://github.com/ohmyzsh/oh…...
基于开源AI智能名片链动2 + 1模式S2B2C商城小程序的沉浸式体验营销研究
摘要：在消费市场竞争日益激烈的当下，传统体验营销方式存在诸多局限。本文聚焦开源AI智能名片链动2 1模式S2B2C商城小程序，探讨其在沉浸式体验营销中的应用。通过对比传统品鉴、工厂参观等初级体验方式，分析沉浸式体验的优势与价值…...
何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡
何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡 背景 我们以建设星云智控官网来做AI编程实践，很多人以为AI已经强大到不需要程序员了，其实不是，AI更加需要程序员，普通人…...
CppCon 2015 学习:Reactive Stream Processing in Industrial IoT using DDS and Rx
“Reactive Stream Processing in Industrial IoT using DDS and Rx” 是指在工业物联网（IIoT）场景中，结合 DDS（Data Distribution Service） 和 Rx（Reactive Extensions） 技术，实现 …...