HTML学习笔记

1、常见状态码

200 ：成功。
400 ：客户端请求有语法错误，服务器端不能理解。
401 ：该请求可能未经过授权。
403 ：服务器端收到该请求，但是拒绝为它提供服务，可能是没有权限等等。
404 ：该资源没找到。
500 ：服务器端发生了一个不可预知的错误。
503 ：服务器端当前还不能处理客户端的这个请求，可能过段时间之后才能恢复正常。

2、注释

<!-- 在此处写注释 -->

3、HTML常见的标签

<!-- 双标签 --><h1></h1> <!-- 标题标签有六种 h1，h2，h3，h4，h5，h6 --><title></title><p></p> <!-- 段落标签 --><div></div> <!-- 块级元素，浏览器会自动在 <div> 和 </div> 所标记的区域前后自动放置一个换行符。 --><span></span> <!-- 内联元素，默认显示在同一行。 --><a></a> <!-- 超链接标签 --><ul></ul><!-- 单标签 --><br /> <!--换行--><hr /> <!--水平分隔线--><meta /><img /> <!-- 图片标签 --><!-- 空格字符：&nbsp; -->

4、HTML列表

<!-- HTML 列表分为：有序列表（ol），无序列表（ul）以及自定义列表（dl）。 --><p>无序列表</p>
<ul type="circle"><li>空心圆列表项1</li><li>空心圆列表项2</li>
</ul><p>有序列表</p>
<ol type="A"><li>列表项1</li><li>列表项2</li>
</ol><!-- 
<ul> 标签的 type 属性：值	       备注
disc（默认）   实心圆
circle	      空心圆
square	      小方块 
--><!-- 
<ol> 标签的 type 属性：
值	                备注
1（默认）	数字表示（1，2，3...)
A	        大写字母表示（A,B,C...)
a	        小写字母表示（a,b,c...)
I	        大写罗马数字表示(I,II,III…)
i	        小写罗马数字表示(i,ii,iii…) 
--><!-- 自定义列表（dl）语法格式 -->
<dl><dt>名词1</dt><dd>名词1解释1</dd>...<dt>名词2</dt><dd>名词2解释1</dd>...
</dl>

5、HTML样式

<html><body><p style="background-color:red">实验楼</p></body>
</html><!-- 通过对 "background-color" 属性值的设置来给背景设置颜色。 -->
<!-- 通过对 font-family 属性值的设置来设置字体。 -->
<!-- 通过对 color 属性值的设置来设置颜色。 -->
<!-- 通过对 font-size 属性值的设计来设计字体大小。 -->
<!-- 通过对 text-align 属性值的设计来设计字体大小。 -->

6、表格

<table border="1" width="300px" height="150px" cellspacing="0px" cellpadding="20px"><!-- 表格标题 --><caption>支出表</caption><!-- 每个表格均有若干行（由 <tr> 标签定义） --><tr><!-- 表格的表头使用 <th> 标签进行定义 --><th>支出</th><th>备注</th><th rowspan="3">合并该列上的三个单元格</th></tr><tr><!-- 每行被分割为若干单元格（由 <td> 标签定义） --><td>32</td><td>买苹果</td></tr><tr><td>24</td><td>买饮料</td></tr><tr><td colspan="3">合并该行上的三个单元格</td></tr>
</table><!-- cellspacing：设置单元格与单元格之间的距离，默认为2px -->
<!-- cellpadding：设置文字与单元格之间的距离，默认为1px -->
<!-- width：设置表格的宽度 -->
<!-- height：设置表格的高度 -->
<!-- bgcolor：设置背景颜色 -->
<!-- border：设置表格的边框 -->

7、表单

<form> 标签用于创建 HTML 表单，常见的表单格式为：<form name="" method="" action=""></form>name：定义表单的名字。
method：定义表单结果从浏览器传送到服务器的方式，默认参数为：get 。post 安全性更高，因此常用作传输密码等，而 get 安全性较低，一般用于查询数据。
action：发送数据要去的地址。它的值必须是一个有效的 URL，可以是相对 URL 也可以是绝对 URL。如果没有提供此属性或者 action="#"，则数据将被发送到包含表单的页面的 URL。<!-- 文字字段 -->
<inputtype="text"name="控件名称"value="文字字段的默认取值"size="控件的长度"maxlength="最长字符数"
/><!-- 密码输入框 -->
<input type="password" name="pwd" /><!-- 单选按钮 -->
<form name="formBox" method="post" action=""><input type="radio" name="sex" value="male" checked />男<br /><input type="radio" name="sex" value="female" />女
</form><!-- 复选框 -->
<form name="formBox" method="post" action=""><input type="checkbox" name="music" checked />音乐<br /><input type="checkbox" name="art" />美术<br /><input type="checkbox" name="math" />数学<br />
</form><!-- 提交按钮：用于发送表单数据给服务器。 -->
<form name="formBox" method="post" action=""><input type="text" value="输入的内容" /><button type="submit">This a submit button</button><!--or--><input type="submit" value="This is a submit button" />
</form><!-- 重置按钮：用来清除用户在页面中输入的信息。 -->
<form name="formBox" method="post" action=""><input type="text" /><button type="reset">This a reset button</button><!--or--><input type="reset" value="This is a reset button" />
</form><!-- 匿名按钮（button） -->
<button type="button">This a anonymous button</button><!--or-->
<button>This a anonymous button</button><!--or-->
<input type="button" value="This is a anonymous button" /><!-- 下拉菜单 -->
<form name="formBox" method="post" action=""><select name="select"> <!-- size="2" 表示一次显示 2 条数据。 --><option value="成都">成都</option><option value="广州">广州</option><option value="四川">四川</option><option value="上海">上海</option></select>
</form><!-- 文本域 -->
<form name="formBox" method="post" action="">留下您的联系方式：<textarea name="textarea" cols="35" rows="5"></textarea>
</form>
<!-- cols 代表列数，rows 代表行数。 -->

8、插入图像

<imgsrc="https://labfile.oss.aliyuncs.com/courses/1236/coder.jpg"alt="程序员"title="你好啊"width="700px"height="600px"
/><!-- src 的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。 -->
<!-- alt 规定图像的替代文本即当图片未成功显示的时候显示的文本信息。 -->
<!-- title 设置鼠标悬停时显示的内容（一般不用设置）。 -->
<!-- 设置 width 和 height 的值来设置图片的宽和高。 -->
<!-- 上一级文件夹：../ -->
<!-- 上两级，则需要使用 ../ ../ -->

9、HTML5表单元素

<!-- 
datalist 元素用于为文本框提供一个可供选择的列表，
使用 datalist 元素来为表单小部件提供建议的、自动完成的值，
并使用一些 option 子元素来指定要显示的值。
然后使用 list 属性将数据列表绑定到一个文本域(通常是一个 <input> 元素)。 
--><!doctype html>
<html><head><meta charset="utf-8" /><title></title></head><body><label for="myColor">What's your favorite color?</label><input type="text" name="myColor" id="myColor" list="mySuggestion" /><datalist id="mySuggestion"><option>black</option><option>blue</option><option>green</option><option>red</option><option>white</option><option>yellow</option></datalist></body>
</html>
<!-- or -->
<!doctype html>
<html><head><meta charset="utf-8" /><title></title></head><body><label for="myColor">What's your favorite color?</label><input type="text" name="myColor" id="myColor" list="mySuggestion" /><datalist id="mySuggestion"><option value="black"></option><option value="blue"></option><option value="green"></option><option value="red"></option><option value="white"></option><option value="yellow"></option></datalist></body>
</html>

10、HTML5 表单新增的属性

<!-- autocomplete 属性规定表单是否应该启用自动完成功能：
自动完成允许浏览器预测对字段的输入，当用户在字段开始键入时，
浏览器基于之前键入过的值，应该显示出在字段中填写的选项。
当 autocomplete 属性值为 on 时表示启用自动完成功能，为 off 时表示关闭。
autocomplete 属性适用于 <form>，以及下面的 <input> 类型：
text, search, url, telephone, email, password, datepickers, range 以及 color。 -->
<body><form action="#" method="get" autocomplete="on">Name:<input type="text" name="name" /><br />E-mail: <input type="email" name="email" autocomplete="off" /><br /><input type="submit" value="提交" /></form>
</body><!-- autofocus 属性规定在页面加载时，域自动地获得焦点。适用于所有 <input> 标签的类型。 -->
<body><form action="#" method="get">Name：<input type="text" name="user_name" autofocus="autofocus" /><br /><input type="submit" value="提交" /></form>
</body><!-- form 属性规定输入域所属的一个或多个表单。
form 属性适用于所有 <input> 标签的类型。
form 属性必须引用所属表单的 id。 -->
<body><form action="#" method="get" id="user_form">First name:<input type="text" name="fname" /><input type="submit" value="提交" /></form><p>下面的输入域在 form 元素之外，但仍然是表单的一部分， 也就是说提交按钮会把first name 和 last name的值都提交。</p>Last name: <input type="text" name="lname" form="user_form" />
</body><!-- multiple 属性规定输入域中可选择多个值，适用于以下类型的 <input> 标签：email 和 file。 -->
<body><form action="#" method="get" id="user_form">选择文件: <input type="file" name="file" multiple="multiple" /><input type="submit" value="提交" /></form>
</body><!-- novalidate 属性规定在提交表单时不应该验证 form 或 input 域。
适用于 <form>，以及下面的 <input> 类型：
text, search, url, telephone, email, password, datepickers, range 以及 color。 -->
<body><form action="#" method="get" id="user_form" novalidate="true">E-mail: <input type="email" name="user_email" /><input type="submit" value="提交" /></form>
</body><!-- pattern 属性规定用于验证 input 域的模式（pattern）。
模式（pattern） 是正则表达式。pattern 属性适用于以下类型的 <input> 标签：
text, search, url, telephone, email 以及 password。 -->
<body><form action="#" method="get">Name:<input type="text" name="name" pattern="[A-z]{4}" title="请输入四个字母" /><input type="submit" value="提交" /></form>
</body><!-- placeholder 属性提供一种提示（hint），描述输入域所期待的值。
适用于以下类型的 <input> 标签：text, search, url, telephone, email 以及 password。
提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失。 -->
<body><form action="#" method="get"><input type="search" name="user_search" placeholder="实验楼" /><input type="submit" value="提交" /></form>
</body><!-- required 属性规定必须在提交之前填写输入域（不能为空）。
适用于以下类型的 <input> 标签：
text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。 -->
<body><form action="#" method="get"><input type="search" name="user_search" required="required" /><input type="submit" value="提交" /></form>
</body>

11、HTML5 输入类型

<!-- email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。 -->
<body><form action="#" method="get">E-mail: <input type="email" name="user_email" /><br /><input type="submit" value="提交" /></form>
</body><!-- url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。 -->
<body><form action="#" method="get">Url: <input type="url" name="user_url" /><br /><input type="submit" value="提交" /></form>
</body><!-- number 类型用于应该包含数值的输入域。
属性 max 设定允许输入的最大值，属性 min 设定允许输入的最小值，
属性 value 设定默认值，属性 step 设定合法的数字间隔（比如 step 的值为 2，则合法的数字为 -2,0,2,4 等）。 -->
<body><form action="#" method="get">number：<inputtype="number"name="points"min="0"max="10"step="2"value="2"/><br /><input type="submit" value="提交" /></form>
</body><!-- range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。
同样的 range 也有 max，min，value，step 属性与上面所讲的 number 中的一致。 -->
<body><form action="#" method="get">range:<inputtype="range"name="points"min="1"max="10"value="2"step="2"/><br /><input type="submit" value="提交" /></form>
</body><!-- HTML5 拥有多个可供选取日期和时间的新输入类型：
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间（小时和分钟）
datetime - 选取时间、日、月、年（UTC 时间）注意：此类型已被弃用，目前大多数浏览器都不再支持。
datetime-local - 选取时间、日、月、年（本地时间） -->
<body><form action="#" method="get">Date: <input type="date" name="user_date" /><br /><input type="submit" value="提交" /><br /><br />Month: <input type="month" name="user_month" /><br /><input type="submit" value="提交" /></form>
</body><!-- color 类型用于选择颜色。 -->
<body><form action="#" method="get"><input type="color" name="colordemo" /><input type="submit" value="提交" /></form>
</body>

12、HTML5 Canvas API

<!doctype html>
<html><head><meta charset="UTF-8" /><title></title></head><body><!--添加canvas元素，设置画布的大小。默认的画布的高度是 150px，宽度是 300px。--><canvas id="mycanvas" style="width:200;height:100">对不起，你的浏览器不支持canvas</canvas><script type="text/javascript">// 通过document.getElementById来找到id为myCanvas的元素var myCanvas = document.getElementById("mycanvas");// 获取允许进行绘制的 2D 环境。var ctx = myCanvas.getContext("2d");//设置颜色ctx.fillStyle = "red";//设置矩形的位置和尺寸（位置从 左上角原点坐标开始，尺寸为100*100的矩形）ctx.fillRect(0, 0, 100, 100);</script></body>
</html>注意：进行绘制时，需要指定确定的坐标位置，坐标原点(0,0)位于 canvas 的左上角，
x 轴水平方向向右延伸，y 轴垂直向下延伸。strokeStyle：设置或返回笔的颜色、渐变或模式。默认值为：#000000。lineWidth：设置或返回当前的线条宽度 ，以像素计。beginPath()：起始一条路径，或重置当前路径。closePath()：创建从当前点回到起始点的路径。moveTo()：把路径移动到画布中的指定点，不创建线条。lineTo()：添加一个新点，然后在画布中创建从该点到最后指定点的线条。stroke()：绘制已定义的路径。使用 rect() 方法创建矩形。语法为：
ctx.rect(x,y,width,height);
参数说明：
x 表示矩形左上角的 x 坐标。
y 表示矩形左上角的 y 坐标。
width 表示矩形的宽度，以像素计。
height 表示矩形的高度，以像素计。
注：使用 stroke() 或 fill() 方法在画布上实际地绘制矩形。
<!doctype html>
<html><head><meta charset="UTF-8" /><title></title></head><body><!--添加canvas元素，设置画布的大小--><canvas id="mycanvas" width="520px" height="1314px">对不起，你的浏览器不支持canvas</canvas><script type="text/javascript">//获取canvas元素var myCanvas = document.getElementById("mycanvas");//获取Context上下文var ctx = myCanvas.getContext("2d");//绘制矩形ctx.rect(10, 10, 100, 200);//绘制已定义的路径ctx.stroke();</script></body>
</html>使用 strokeRect() 方法绘制矩形（不填色）。笔触的默认颜色是黑色。语法为：
ctx.strokeRect(x, y, width, height);
注：参数与 rect() 方法一致，唯一的区别是这里不需要再加一句 stroke() 或 fill() 方法。无法填色。使用 fillRect() 方法创建实心矩形。语法为：
ctx.fillRect(x, y, width, height);
注：参数说明与前面一致，默认的填充颜色为黑色，可以使用 fillStyle 属性来设置用于填充绘图的颜色、渐变或模式。使用 clearRect() 方法清空给定矩形内的指定像素。语法为：
ctx.clearRect(x, y, width, height);
注：参数说明与前面一致。使用 arc() 方法绘制圆或者椭圆。语法为：
ctx.arc(x, y, r, sAngle, eAngle, counterclockwise);
参数说明：
x 表示圆的中心的 x 坐标。
y 表示圆的中心的 y 坐标。
r 表示圆的半径。
sAngle 表示起始角，以弧度计（特别需要注意的是弧的圆形的三点钟位置是 0 度而不是常规以为的 90 度）。
eAngle 表示结束角，以弧度计。
counterclockwise 表示绘制圆的方向，值为 false 表示顺时针，为 true 表示逆时针。是一个可选值，默认值是 false。使用 fillStyle 属性，设置或返回用于填充绘画的颜色、渐变或模式。语法为：
ctx.fillStyle = color | gradient | pattern;
参数说明：
color 表示绘图填充的颜色。默认值是 #000000。
gradient 表示用于填充绘图的渐变对象（线性或放射性）。
pattern 表示用于填充绘图的 pattern 对象。使用 createLinearGradient() 方法创建线性渐变。语法为：
ctx.createLinearGradient(x0, y0, x1, y1);
参数说明：
x0 表示渐变开始点的 x 坐标。
y0 表示渐变开始点的 y 坐标。
x1 表示渐变结束点的 x 坐标。
y1 表示渐变结束点的 y 坐标。使用 addColorStop() 方法规定渐变对象中的颜色和停止位置。语法为：
gradient.addColorStop(stop, color);
参数说明：
stop 表示渐变中开始与结束之间的位置。是介于 0.0 与 1.0 之间的值。
color 表示在结束位置显示的 CSS 颜色值。使用 createRadialGradient() 方法创建放射状/环形的渐变。语法为：
ctx.createRadialGradient(x0, y0, r0, x1, y1, r1);
参数说明：
x0 表示渐变的开始圆的 x 坐标。
y0 表示渐变的开始圆的 y 坐标。
r0 表示开始圆的半径。
x1 表示渐变的结束圆的 x 坐标。
y1 表示渐变的结束圆的 y 坐标。
r1 表示结束圆的半径。使用 fill() 方法填充当前的图像（路径）。默认颜色是黑色。填充另一种颜色/渐变使用 fillStyle 属性。
语法为：
ctx.fill();
注：如果路径未关闭，那么 fill() 方法会从路径结束点到开始点之间添加一条线，以关闭该路径，然后填充该路径。使用 fillText() 方法在在画布上绘制实心文本。语法为：
ctx.fillText(text, x, y, maxWidth);
参数说明：
text 规定在画布上输出的文本。
x 表示开始绘制文本的 x 坐标位置（相对于画布）。
y 表示开始绘制文本的 y 坐标位置（相对于画布）。
maxWidth 表示允许的最大文本宽度，以像素计。可选。使用 strokeText() 方法在画布上绘制空心文本。语法为：
ctx.strokeText(text, x, y, maxWidth);
注：参数说明与 fillText() 方法一致。使用 font 属性设置或返回画布上文本内容的当前字体属性。font 属性使用的语法与 CSS font 属性相同。使用 textAlign 属性设置或返回文本内容的当前对齐方式。语法为：
ctx.textAlign = "center|end|left|right|start";
参数说明：
start 默认值，表示文本在指定的位置开始。
center 表示文本的中心被放置在指定的位置。
end 表示文本在指定的位置结束。
left 表示文本左对齐。
right 表示文本右对齐。textBaseline 属性设置或返回在绘制文本时的当前文本基线。语法为：
ctx.textBaseline = "alphabetic|top|hanging|middle|ideographic|bottom";
参数说明：
alphabetic 表示文本基线是普通的字母基线。默认值。
top 表示文本基线是 em 方框的顶端。
hanging 表示文本基线是悬挂基线。
middle 表示文本基线是 em 方框的正中。
ideographic 表示文本基线是表意基线。
bottom 表示文本基线是 em 方框的底端。使用 drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分，或增加或减少图像的尺寸。
canvas 绘制图片的基本格式为：
//创建一个图片对象
var image = new Image();
//设置图片的路径
image.src = "xxx";
//当图片加载完成后
image.onload = function () {//绘制图片ctx.drawImage();
};语法 1，在画布上定位图像：
ctx.drawImage(img, x, y);语法 2，在画布上定位图像，并规定图像的宽度和高度：
ctx.drawImage(img, x, y, width, height);语法 3，剪切图像，并在画布上定位被剪切的部分：
ctx.drawImage(img, sx, sy, swidth, sheight, x, y, width, height);
参数说明：
img 规定要使用的图像、画布或视频。
sx 表示开始剪切的 x 坐标位置。可选值。
sy 表示开始剪切的 y 坐标位置。可选值。
swidth 表示被剪切图像的宽度。可选值。
sheight 表示被剪切图像的高度。可选值。
x 表示在画布上放置图像的 x 坐标位置。
y 表示在画布上放置图像的 y 坐标位置。
width 表示要使用的图像的宽度（伸展或缩小图像）。可选值。
height 表示要使用的图像的高度，（伸展或缩小图像）。可选值。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/19203.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

113、单例Bean是单例模式吗？

113、单例Bean是单例模式吗？

单例Bean是单例模式吗？ 通常来说，单例模式是指在一个JVM中，一个类只能构造出来一个对象，有很多方法来实现单例模式，比如懒汉模式，但是我们通常讲的单例模式有一个前提条件就是规定在一个JVM中，那如果要在两个JVM中保证单例呢？那可能就要用分布式锁这些技术，这里的重点…
阅读更多...
iOS开发-实现热门话题标签tag显示控件

iOS开发-实现热门话题标签tag显示控件

iOS开发-实现热门话题标签tag显示控件 话题标签tag显示非常常见&#xff0c;如选择你的兴趣&#xff0c;选择关注的群&#xff0c;超话&#xff0c;话题等等。 一、效果图 二、实现代码 由于显示的是在列表中&#xff0c;这里整体控件是放在UITableViewCell中的。 2.1 标签…
阅读更多...
使用 AntV X6 + vue 实现单线流程图

使用 AntV X6 + vue 实现单线流程图

使用 AntV X6 vue 实现单线流程图 X6 是 AntV 旗下的图编辑引擎&#xff0c;提供了一系列开箱即用的交互组件和简单易用的节点定制能力&#xff0c;方便我们快速搭建 DAG 图、ER 图、流程图等应用。 官方文档 安装 yarn add antv/x61.34.6Tips&#xff1a; 目前 X6 有 1.x…
阅读更多...
二叉树迭代遍历

二叉树迭代遍历

PS:以下代码均为C实现 1.二叉树前序遍历 力扣 给你二叉树的根节点 root &#xff0c;返回它节点值的 前序 遍历。 class Solution { public:vector<int> preorderTraversal(TreeNode* root) {stack<TreeNode*> st;vector<int> str;TreeNode* curroot;whil…
阅读更多...
python面试题【题目+答案】

python面试题【题目+答案】

最近遇到了一份python的面试题&#xff0c;题目比较简单&#xff0c;时间控制在一个小时之内。以下是面试的题目跟答案&#xff0c;答案不代表最优解&#xff0c;只是当时所想到的一些思路&#xff0c;接下来将分享给大家。 目录 1. 给出下面打印结果 2.字典如何删除键、如何…
阅读更多...
陕西省副高工程师职称条件

陕西省副高工程师职称条件

一、继续教育 申报职称&#xff0c;继续教育是首要条件&#xff0c;按照陕西省职称评审对继续教育的要求是&#xff0c;每年公需课不少于24小时&#xff0c;专业课不少于56小时。累计不少于400学时。 二、学历要求 博士学位、取得中级工程师职称资格满2年。 硕士、研究生、统招…
阅读更多...
PySpark介绍与安装

PySpark介绍与安装

Spark是什么 定义&#xff1a;Apache Spark是用于大规模数据&#xff08;large-scala data&#xff09;处理的统一&#xff08;unified&#xff09;分析引擎。 简单来说&#xff0c;Spark是一款分布式的计算框架&#xff0c;用于调度成百上千的服务器集群&#xff0c;计算TB、…
阅读更多...
无涯教程-Lua - for语句函数

无涯教程-Lua - for语句函数

for 循环是一种重复控制结构&#xff0c;可让您有效地编写需要执行特定次数的循环。 for loop - 语法 Lua编程语言中 for 循环的语法如下- for init,max/min value, increment dostatement(s) end 这是 for 循环中的控制流程- 首先执行 init 步骤&#xff0c;并且仅执行一…
阅读更多...
yolov8训练心得 持续更新

yolov8训练心得 持续更新

目录 优化器 lion优化器，学习率0.0001，训练效果： 学习率衰减 600个batch衰减0.7，发现效果较好
阅读更多...
跨境电商与隐擎fox指纹浏览器：保障安全与效率的完美结合

跨境电商与隐擎fox指纹浏览器：保障安全与效率的完美结合

随着全球化的发展&#xff0c;跨境电商已成为各国贸易的重要组成部分。然而&#xff0c;随之而来的风险和挑战也日益增多&#xff0c;其中之一就是关联浏览器和多开浏览器可能带来的安全隐患。为了确保跨境电商的顺利运营和数据安全&#xff0c;隐擎fox指纹浏览器作为一种防关联…
阅读更多...
NO4 实验四：生成Web工程

NO4 实验四：生成Web工程

1、说明 使用 mvn archetype&#xff1a;generate 命令生成 Web 工程时&#xff0c;需要使用一个专门的 archetype。这个专门生成 Web 工程骨架的 archetype 可以参照官网看到它的用法&#xff1a; 2、操作 注意&#xff1a;如果在上一个工程的目录下执行 mvn archetype&…
阅读更多...
spring-bean配置信息重用(继承)和bean创建顺序是什么以及bean 对象的单例和多例讲解

spring-bean配置信息重用(继承)和bean创建顺序是什么以及bean 对象的单例和多例讲解

&#x1f600;前言 本章是spring基于XML 配置bean系类中第5篇讲解spring-bean配置信息重用(继承)和bean创建顺序是什么以及bean 对象的单例和多例讲解 &#x1f3e0;个人主页&#xff1a;尘觉主页 &#x1f9d1;个人简介&#xff1a;大家好&#xff0c;我是尘觉&#xff0c;希…
阅读更多...
【多线程系列-04】深入理解java中线程间的通信机制

【多线程系列-04】深入理解java中线程间的通信机制

多线程系列整体栏目 内容链接地址【一】深入理解进程、线程和CPU之间的关系https://blog.csdn.net/zhenghuishengq/article/details/131714191【二】java创建线程的方式到底有几种&#xff1f;(详解)https://blog.csdn.net/zhenghuishengq/article/details/127968166【三】深入…
阅读更多...
Kafka的零拷贝

Kafka的零拷贝

传统的IO模型 如果要把磁盘中的某个文件发送到远程服务器需要经历以下几个步骤 (1) 从磁盘中读取文件的内容&#xff0c;然后拷贝到内核缓冲区 (2) CPU把内核缓冲区的数据赋值到用户空间的缓冲区 (3) 在用户程序中调用write方法&#xff0c;把用户缓冲区的数据拷贝到内核下面…
阅读更多...
Balanced Multimodal Learning via On-the-fly Gradient Modulation

Balanced Multimodal Learning via On-the-fly Gradient Modulation

摘要 多模态学习通过整合不同的感官&#xff0c;有助于全面理解世界。因此&#xff0c;多种输入模式有望提高模型的性能&#xff0c;但我们实际上发现&#xff0c;即使多模态模型优于其单模态模型&#xff0c;它们也没有得到充分利用。具体地说&#xff0c;在本文中&#xff0…
阅读更多...
常见的软件测试面试题汇总

常见的软件测试面试题汇总

一、 你们的测试流程是怎么样的&#xff1f; 答&#xff1a;1.项目开始阶段&#xff0c;BA&#xff08;需求分析师&#xff09;从用户方收集需求并将需求转化为规格说明书&#xff0c;接 下来在项目组领导会组织需求评审。 2.需求评审通过后&#xff0c;BA 会组织项目经理…
阅读更多...
H3C交换机如何通过MAC和IP查寻对应ARP信息

H3C交换机如何通过MAC和IP查寻对应ARP信息

环境&#xff1a; H3C S6520-26Q-SI version 7.1.070, Release 6326 问题描述&#xff1a; H3C交换机如何通过MAC 查寻对应IP信息 解决方案&#xff1a; 一、已知设备MAC地址为ac11-b134-d066 通过MAC 查寻对应IP信息 命令 dis arp | in X-X-X [H3C]dis arp | in ac11…
阅读更多...
【雕爷学编程】MicroPython动手做（27）——物联网之掌控板小程序

【雕爷学编程】MicroPython动手做（27）——物联网之掌控板小程序

知识点&#xff1a;什么是掌控板&#xff1f; 掌控板是一块普及STEAM创客教育、人工智能教育、机器人编程教育的开源智能硬件。它集成ESP-32高性能双核芯片&#xff0c;支持WiFi和蓝牙双模通信&#xff0c;可作为物联网节点&#xff0c;实现物联网应用。同时掌控板上集成了OLED…
阅读更多...
聊聊工程化 Docker 的最新趋势以及最佳实践

聊聊工程化 Docker 的最新趋势以及最佳实践

&#x1f337;&#x1f341; 博主猫头虎 带您 Go to New World.✨&#x1f341; &#x1f984; 博客首页——猫头虎的博客&#x1f390; &#x1f433;《面试题大全专栏》 文章图文并茂&#x1f995;生动形象&#x1f996;简单易学&#xff01;欢迎大家来踩踩~&#x1f33a; &a…
阅读更多...
Java开发中的------修改密码+忘记密码

Java开发中的------修改密码+忘记密码

目录 1.修改密码 客户端响应 前端vue 后端 controller层 ServiceImpl实现层 2.忘记密码 客户端响应 后端 controller层 serviceImpl实现层 本章需要准备&#xff1a;springcloud项目&#xff0c;依赖&#xff0c;数据库.... 数据库SQL SET FOREIGN_KEY_CHECKS0;-- -…
阅读更多...
最新文章

Copyright @ 2022~2023