前端---HTML（一）

HTML_网络的三大基石和html普通文本标签

1.我们要访问网络，需不需要知道，网络上的东西在哪？

   为什么我们写，www.baidu.com就能找到百度了呢？

  我一拼ping www.baidu.com   就拼到了ip地址：  [119.75.218.70]

   然后www.baidu.com 是dns服务，他会将我们的域名转成ip地址。好记好推广

我们在网络上看的所有东西，通过一个地址都是可以找到的。那么这个地址就叫URL

2.三大基石： URL，HTTP协议，HTML

URL：在WWW上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL（Uniform Resource Locator,统一资源定位符），它是WWW的统一资源定位标志，就是指网络地址。

HTTP协议：http是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII码形式给出；而消息内容则具有一个类似MIME的格式。这个简单模型是早期Web成功的有功之臣，因为它使得开发和部署是那么的直截了当。

HTML：HTML称为超文本标记语言。
 

  -------我们访问一个资源需要知道它在哪。那就是地址/路径

   URL负责定位资源的：统一资源定位符(网络路径)

   URI：统一资源标识符(服务器内部路径)

---------那么根据地址/路径找到资源的过程中需要遵守交通规则。

http负责传输资源:超文本传输协议  (对我们传输的内容进行一个规则的约束)

   ===什么是超文本：除了普通文本之外，还包含图片，音频，视频等效果

   ===很久以前，通过浏览器看到的东西都是纯文本的。就是因为有html页面才这么丰富多彩。

   ===把这些丰富多彩的页面传输给浏览器用户看的这个过程，需要遵循一个协议，就是http协议。

---------比如我访问百度，那么百度返回给我们的是什么呢？

            右键，“查看源文件”：百度给我们返回来，并且经过浏览器解压缩的。   （百度给我们发的文件是一个通过XX压缩后的文件，这样可以减少数据的传输，然后在通过浏览器解压缩，就又回到了原来的样子。）

            如果有一天你打开百度，显示的是这些解压缩的文件，肯定很头疼。所以说我们需要把这些文本和超文本以各种各样的样式，展示出来。

--------------那么浏览器怎么知道哪个是图片，哪个是音频，哪个是视频？

我们用特殊的标记，把文本/超文本标记起来，这样一看就知道是什么了。那这些标记可以自己扩展吗？肯定是不可以，因为你扩展了别人不知道啊，不知道就没办法解析了。所以html是不可以扩展的。====html总共就这些，学一个少一个，那这些东西是谁规定的呢？w3c。谁做的实现？各浏览器。===所以才有的浏览器差异。

HTML解析显示资源的:将超文本的信息通过特殊的标识  进行解析显示。

3、HTML的标准结构

【1】先用普通文本文档新建一个文本，将文本的后缀改为.html  或者 .htm  （大小写不区分）
【2】编辑：标准结构：

<html>
        <head></head>
        <body>
                this is my first html....
        </body>
</html>

【1】html标签
定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。

【2】head标签---》里面放的是页面的配置信息
head标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：
<title>、<meta>、<link>、<style>、 <script>、 <base>。
应该把 <head> 标签放在文档的开始处，紧跟在 <html> 后面，并处于 <body> 标签之前。
文档的头部经常会包含一些 <meta> 标签，用来告诉浏览器关于文档的附加信息。

例子：

<html>
        <!-- 这是一个注释，注释的快捷键是ctrl+shift+/-->
        <!--
                head标签中：放入：页面的配置信息
                head标签中可以加入：
                <title>、<meta>、<link>、<style>、 <script>、 <base>。
        -->
        <head>
                <!--页面标题-->
                <title>百度一下，你就知道</title>
                <!--设置页面的编码，防止乱码现象
                        利用meta标签，
                        charset="utf-8" 这是属性，以键值对的形式给出  k=v a=b 
                        告诉浏览器用utf-8来解析这个html文档
                -->
                <meta charset="utf-8" /><!--简写-->
                <!--繁写形式：（了解）-->
                <!--<meta http-equiv="content-type" content="text/html;charset=utf-8" />-->
                <!--页面刷新效果-->
                <!--<meta http-equiv="refresh" content="3;https://www.baidu.com" />-->
                <!--页面作者-->
                <meta name="author" content="msb;213412@qq.com" />
                <!--设置页面搜索的关键字-->
                <meta name="keywords" content="马士兵教育;线上培训;架构师课程" />
                <!--页面描述-->
                <meta name="description" content="马士兵教育详情页" />
                <!--link标签引入外部资源-->
                <link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon" />
        </head>
        <!--
                body标签中：放入：页面展示的内容
        -->
        <body>
                this is a html..你好
        </body>
</html>

【3】body标签---》里面放的就是页面上展示出来的内容
body 元素是定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）body是用在网页中的一种HTML标签，标签是用在网页中的一种HTML标签，表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容！

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title>文本标签</title>
        </head>
        <body>
                <!--文本标签-->
                <!--下面的文字就是普通的文本，文本编辑器中的任何效果：比如空格，换行 都不影响页面，
                        页面想要实现效果 必须通过标签来实现
                -->
                媒体：为人父母，                                     要不要“持证上岗”？
                媒体：为人父母，要不要“持证上岗”？
                媒体：为人父母，要不要“持证上岗”？
                媒体：为人父母，要不要“持证上岗”？
                <!--标题标签
                        h1-h6  字号逐渐变小，每个标题独占一行，自带换行效果
                        h7之后都属于无效标签，但是浏览器也不会报错，而是以普通文本的形式进行展现
                -->
                <h1>媒体：为人父母，要不要“持证上岗”？</h1>
                <h2>媒体：为人父母，要不要“持证上岗”？</h2>
                <h3>媒体：为人父母，要不要“持证上岗”？</h3>
                <h4>媒体：为人父母，要不要“持证上岗”？</h4>
                <h5>媒体：为人父母，要不要“持证上岗”？</h5>
                <h6>媒体：为人父母，要不要“持证上岗”？</h6>
                <h7>媒体：为人父母，要不要“持证上岗”？</h7>
                <h8>媒体：为人父母，要不要“持证上岗”？</h8>
                <!--横线标签
                        width:设置宽度
                                        300px ：固定宽度
                                        30%：页面宽度的百分比，会随着页面宽度的变化而变化
                        align：设置位置  left ,center,right    默认不写的话就是center居中效果
                -->
                <hr width="300px" align="center"/>
                <hr width="30%" align="center"/>
                
                <!--段落标签：
                        段落效果：段落中文字自动换行，段落和段落之间有空行
                -->
                <p>&nbsp;&nbsp;&nbsp;&nbsp;5月&emsp;26日，“建议父母持合格&lt;父母证&gt;上岗&copy;”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。</p>
                <p>5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。</p>
                <p>5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。5月26日，“建议父母持合格父母证上岗”冲上微博热搜，迅速引发热议。在正在召开的全国两会上，全国政协委员许洪玲建议在社区举办家长课堂，建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育，颁发“合格父母”上岗证随学生档案入学。</p>
                
                <!--加粗倾斜下划线-->
                <b>加粗</b>
                <i>倾斜</i>
                <u>下划线</u>
                <i><u><b>加粗倾斜下划线</b></u></i>
                <!--一箭穿心-->
                <del>你好 你不好</del>
                
                <!--预编译标签：在页面上显示原样效果-->
                <pre>
public static void main(String[] args){
        System.out.println("hello msb....");
}
                </pre>
                
                <!--换行-->
                5月26日，“建议父母持合格父母证上岗”冲上微博<br />热搜，迅速引发热议。在正在召开的全国两会上，全国政
                
                <!--字体标签-->
                <font color="#397655" size="7" face="萝莉体 第二版">建议父母持合格父母证上岗</font>
                
        </body>
</html>

多媒体标签

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <!--图片
                        src:引入图片的位置
                                引入本地资源
                                引入网络资源
                        width:设置宽度
                        height:设置高度
                        注意:一般高度和宽度只设置一个即可，另一个会按照比例自动适应
                        title:鼠标悬浮在图片上的时候的提示语，默认情况下（没有设置alt属性） 图片如果加载失败那么提示语也是title的内容
                        alt:图片加载失败的提示语
                -->
                <img src="img/ss6.jpg" width="300px" title="这是一个美女小姐姐" alt="图片加载失败"/>
                <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1833909874,761626004&fm=26&gp=0.jpg" />
                <!--音频-->
                <embed src="music/我要你.mp3"></embed>
                <br />
                <!--视频-->
                <embed src="video/周杰伦 - 说好的幸福呢.mp4" width="500px" height="500px"></embed>
                <embed src="//player.video.iqiyi.com/38913f9ed7358c0933e82a03d9b26ec1/0/0/v_19rv8qeokk.swf-albumId=9194699400-tvId=9194699400-isPurchase=0-cnId=undefined" allowFullScreen="true" quality="high" width="480" height="350" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
        </body>
</html>

超链接标签

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <!--超链接标签：作用：实现页面的跳转功能
                        href:控制跳转的目标位置
                        target:_self 在自身页面打开 （默认效果也是在自身页面打开）    _blank 在空白页面打开
                --> 
                <a href="文本标签.html">这是一个超链接01</a><!--跳转到本地资源-->
                <a href="">这是一个超链接02</a> <!--跳转到自身页面-->
                <a href="abc">这是一个超链接03</a><!--跳转的目标找不到，提示找不到资源-->
                <a href="https://www.baidu.com" target="_self">这是一个超链接04</a><!--跳转到网络资源-->
                <a href="https://www.baidu.com" target="_blank">这是一个超链接05</a><!--跳转到网络资源-->
                
                <a href="https://www.baidu.com" target="_blank"><img src="img/ss.jpg" /></a>
        </body>
</html>

设置锚点：
应用场合：当一个页面太长的时候，就需要设置锚点，然后可以在同一个页面的不同位置之间进行跳转。

同一个页面不同位置的跳转：

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <a name="1F"></a>
                <h1>手机</h1>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <p>华为p40</p>
                <a name="2F"></a>
                <h1>化妆品</h1>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <p>大宝</p>
                <a name="3F"></a>
                <h1>母婴产品</h1>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <p>奶粉</p>
                <a name="4F"></a>
                <h1>图书</h1>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <p>thinking in java</p>
                <a href="#1F">手机</a>
                <a href="#2F">化妆品</a>
                <a href="#3F">母婴产品</a>
                <a href="#4F">书籍</a>
        </body>
</html>

不同页面利用锚点：

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <a href="设置锚点.html#3F">超链接</a>
        </body>
</html>

列表标签

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <!--无序列表:
                        type:可以设置列表前图标的样式   type="square"
                        如果想要更换图标样式，需要借助css技术： style="list-style:url(img/act.jpg) ;"
                -->
                <h1>起床以后需要做的事</h1>
                <ul type="square">
                        <li>睁眼</li>
                        <li>穿衣服</li>
                        <li>上厕所</li>
                        <li>吃早饭</li>
                        <li>洗漱</li>
                        <li>出门</li>
                </ul>
                <!--有序列表:
                        type:可以设置列表的标号：1,a,A,i,I
                        start:设置起始标号
                -->
                <h1>学习java的顺序</h1>
                <ol type="A" start="3">
                        <li>JAVASE</li>
                        <li>ORACLE</li>
                        <li>MYSQL</li>
                        <li>HTML</li>
                        <li>CSS</li>
                        <li>JS</li>
                </ol>
                
        </body>
</html>

表格标签：

应用场景：在页面布局很规整的时候，可能利用的就是表格。
合并原理：

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
        </head>
        <body>
                <!--表格：4行4列
                        table:表格
                        tr:行
                        td:单元格
                        th:特殊单元格：表头效果：加粗，居中
                        默认情况下表格是没有边框的，通过属性来增加表框：
                        border:设置边框大小
                        cellspacing：设置单元格和边框之间的空隙
                        align="center"  设置居中
                        background 设置背景图片 background="img/ss.jpg"
                        bgcolor :设置背景颜色
                        rowspan:行合并
                        colspan：列合并
                -->
                <table border="1px" cellspacing="0px" width="400px" height="300px" bgcolor="darkseagreen" >
                        <tr bgcolor="bisque">
                                <th>学号</th>
                                <th>姓名</th>
                                <th>年纪</th>
                                <th>成绩</th>
                        </tr>
                        <tr>
                                <td align="center">1001</td>
                                <td>丽丽</td>
                                <td>19</td>
                                <td rowspan="3">90.5</td>
                        </tr>
                        <tr>
                                <td colspan="2" align="center">2006</td>
                                <td>30</td>
                        </tr>
                        <tr>
                                <td>3007</td>
                                <td>小明</td>
                                <td>18</td>
                        </tr>
                </table>
        </body>
</html>

 

总结

HTML是构建网页的基础语言，它通过标记元素的方式来描述网页结构。理解HTML的基本结构和常用标签是掌握网页开发的第一步。通过标签和属性的组合，开发者可以灵活地控制网页的显示内容、结构、样式及功能，为进一步学习CSS和JavaScript打下坚实的基础。

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

网络基础 - IP 隧道篇

网络基础 - IP 隧道篇

在一个如图所示的网络环境里&#xff0c;网络 A、B 使用 IPv6&#xff0c;如果处于中间位置的网络 C 支持使用 IPv4 的话&#xff0c;网络 A 与网络 B 之间将无法直接进行通信&#xff0c;为了让它们之间正常通信&#xff0c;这时必须得采用 IP 隧道的功能&#xff0c;IP 隧道中…
阅读更多...
1.1、Python 安装与开发环境设置指南

1.1、Python 安装与开发环境设置指南

作为你的 Python 导师&#xff0c;我将带领你一步步完成 Python 的安装和开发环境的设置&#xff0c;让你顺利开启 Python 学习之旅。 1. Python 安装 1.1 下载 Python 安装包 首先&#xff0c;我们需要从 Python 官网下载 Python 的安装包。 打开你的浏览器&#xff0c;访…
阅读更多...
【Redis篇】String类型命令详讲以及它的使用场景

【Redis篇】String类型命令详讲以及它的使用场景

目录 前言&#xff1a; 基本命令&#xff1a; setnx/setxx FLUSHALL mest mget 计数命令 INCR / INCRBY DECR/DECYBY INCRBYFLOAT 其他命令 APPEND GETRANGE SETRANGE STRLEN String的典型使用场景 缓存&#xff08;Cache&#xff09;功能 计数&#xff08;…
阅读更多...
【2024】前端学习笔记19-ref和reactive使用

【2024】前端学习笔记19-ref和reactive使用

学习笔记 1.ref2.reactive3.总结 1.ref ref是 Vue 3 中用来创建响应式引用的一个函数&#xff0c;通常用于基本数据类型&#xff08;如字符串、数字、布尔值等&#xff09;或对象/数组的单一值。 ref特点&#xff1a; ref 可以用来创建单个响应式对象对于 ref 包裹的值&…
阅读更多...
构造函数的相关

构造函数的相关

文章目录 一、构造函数 今天我们要来讲解类的默认成员函数之一的构造函数。 一、构造函数 构造函数是特殊的成员函数&#xff0c;需要注意的是&#xff0c;构造函数虽然名称叫构造&#xff0c;但是构造函数的主要任务并不是开空间创建对象(我们常使用的局部对象是栈帧创建时&…
阅读更多...
C嘎嘎探索篇：栈与队列的交响：C++中的结构艺术

C嘎嘎探索篇：栈与队列的交响：C++中的结构艺术

C嘎嘎探索篇&#xff1a;栈与队列的交响&#xff1a;C中的结构艺术 前言&#xff1a; 小编在之前刚完成了C中栈和队列&#xff08;stack和queue&#xff09;的讲解&#xff0c;忘记的小伙伴可以去我上一篇文章看一眼的&#xff0c;今天小编将会带领大家吹奏栈和队列的交响&am…
阅读更多...
Xcode15（iOS17.4）打包的项目在 iOS12 系统上启动崩溃

Xcode15（iOS17.4）打包的项目在 iOS12 系统上启动崩溃

0x00 启动崩溃 崩溃日志&#xff0c;只有 2 行&#xff0c;看不出啥来。 0x01 默认配置 由于我开发时&#xff0c;使用的 Xcode 14.1&#xff0c;打包在另外一台电脑 Xcode 15.3 Xcode 14.1 Build Settings -> Asset Catalog Compliter - Options Xcode 15.3 Build S…
阅读更多...
【Python爬虫实战】深入解析 Scrapy：从阻塞与非阻塞到高效爬取的实战指南

【Python爬虫实战】深入解析 Scrapy：从阻塞与非阻塞到高效爬取的实战指南

&#x1f308;个人主页&#xff1a;易辰君-CSDN博客 &#x1f525; 系列专栏&#xff1a;https://blog.csdn.net/2401_86688088/category_12797772.html ​ 目录 前言 一、阻塞和非阻塞 &#xff08;一&#xff09;阻塞 &#xff08;二&#xff09;非阻塞 二、Scrapy的工作…
阅读更多...
01 [51单片机 PROTEUS仿真设计]基于温度传感器的恒温控制系统

01 [51单片机 PROTEUS仿真设计]基于温度传感器的恒温控制系统

目录 一、主要功能 二、硬件资源 三、程序编程 四、实现现象 一、主要功能 五个按键&#xff0c;分别为启动按键&#xff0c;则LCD1602显示倒计时&#xff0c;音乐播放 设置按键&#xff0c;可以设置倒计时的分秒&#xff0c;然后加减按键&#xff0c;还有最后一个暂停音乐…
阅读更多...
途普科技企业知识中台完成华为昇思MindSpore技术认证

途普科技企业知识中台完成华为昇思MindSpore技术认证

近日&#xff0c;北京途普科技有限公司&#xff08;以下简称“途普科技”&#xff09;作为华为昇腾大模型方向的应用软件伙伴&#xff0c;核心产品企业知识中台已成功与华为AI框架昇思MindSpore完成相互兼容性认证。这一成就标志着途普科技在AI领域与华为的合作进一步加深&…
阅读更多...
shodan(7)

shodan(7)

声明&#xff01; 学习视频来自B站up主 泷羽sec 有兴趣的师傅可以关注一下&#xff0c;如涉及侵权马上删除文章&#xff0c;笔记只是方便各位师傅的学习和探讨&#xff0c;文章所提到的网站以及内容&#xff0c;只做学习交流&#xff0c;其他均与本人以及泷羽sec团队无关&#…
阅读更多...
MYSQL 表的增删改查（上）

MYSQL 表的增删改查（上）

目录 1.新增数据 2.查询数据 一般查询 去重查询 排序查询 关于NULL 条件查询 分页查询 1.新增数据 语法&#xff1a;insert into 表名[(字段1&#xff0c;字段2...)] values (值&#xff0c;值....); 插入一条新数据行&#xff0c;前面指定的列&#xff0c;要与后面v…
阅读更多...
海康面阵、线阵、读码器及3D相机接线说明

海康面阵、线阵、读码器及3D相机接线说明

为帮助用户快速了解和配置海康系列设备的接线方式&#xff0c;本文将针对海康面阵相机、线阵相机、读码器和3D相机的主要接口及接线方法进行全面整理和说明。 一、海康面阵相机接线说明 海康面阵相机使用6-pin P7接口&#xff0c;其功能设计包括电源输入、光耦隔离信号输入输出…
阅读更多...
Java多线程八股(三)一＞多线程环境使用哈希表和ArrayList

Java多线程八股(三)一＞多线程环境使用哈希表和ArrayList

目录&#xff1a; 一.多线程环境使用ArrayList&#xff1a; 二.多线程使用哈希表&#xff1a; 一.多线程环境使用ArrayList&#xff1a; 首先我们知道&#xff0c;Vector, Stack, HashTable, 是线程安全的(但是不建议用), 其他的集合类不是线程安全的 &#xff0c;下面是…
阅读更多...
TCP IP协议和网络安全

TCP IP协议和网络安全

传输层的两个协议&#xff1a; 可靠传输 TCP 分段传输 建立对话&#xff08;消耗系统资源&#xff09; 丢失重传netstat -n 不可靠传输 UDP 一个数据包就能表达完整的意思或屏幕广播 应用层协议&#xff08;默认端口&#xff09;&#xff1a; httpTCP80 网页 ftpTCP21验证用户身…
阅读更多...
Webpack前端工程化进阶系列(二) —— HMR热模块更新(图文+代码)

Webpack前端工程化进阶系列(二) —— HMR热模块更新(图文+代码)

前言 之前更新过一篇Webpack文章:Webpack入门只看这一篇就够了(图文代码)&#xff0c;没想到颇受好评&#xff0c;很快就阅读量就破万了hhh&#xff0c;应读者私信的要求&#xff0c;决定继续更新Webpack进阶系列的文章&#xff01; 进入今天的主题 —— HMR 热模块替换(HotM…
阅读更多...
第三讲 架构详解：“隐语”可信隐私计算开源框架

第三讲 架构详解：“隐语”可信隐私计算开源框架

目录 隐语架构 隐语架构拆解 产品层 算法层 计算层 资源层 互联互通 跨域管控 本文主要是记录参加隐语开源社区推出的第四期隐私计算实训营学习到的相关内容。 隐语架构 隐语架构拆解 产品层 产品定位&#xff1a; 通过可视化产品&#xff0c;降低终端用户的体验和演…
阅读更多...
C# 结构体

C# 结构体

文章目录 前言一、结构体的定义与基本使用&#xff08;一&#xff09;定义结构体&#xff08;二&#xff09;结构体的使用示例 二、C# 结构的特点&#xff08;一&#xff09;丰富的成员类型&#xff08;二&#xff09;构造函数相关限制与特性&#xff08;三&#xff09;继承方面…
阅读更多...
Easyexcel（7-自定义样式）

Easyexcel（7-自定义样式）

相关文章链接 Easyexcel&#xff08;1-注解使用&#xff09;Easyexcel&#xff08;2-文件读取&#xff09;Easyexcel&#xff08;3-文件导出&#xff09;Easyexcel&#xff08;4-模板文件&#xff09;Easyexcel&#xff08;5-自定义列宽&#xff09;Easyexcel&#xff08;6-单…
阅读更多...
【c语言】文件操作详解 - 从打开到关闭

【c语言】文件操作详解 - 从打开到关闭

文章目录 1. 为什么使用文件&#xff1f;2. 什么是文件&#xff1f;3. 如何标识文件&#xff1f;4. 二进制文件和文本文件&#xff1f;5. 文件的打开和关闭5.1 流和标准流5.1.1 流5.1.2 标准流 5.2 文件指针5.3 文件的打开和关闭 6. 文件的读写顺序6.1 顺序读写函数6.2 对比一组…
阅读更多...
最新文章

Copyright @ 2022~2023