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

前端Web开发HTML5+CSS3+移动web(基础-flex)

网页设计套路:从上到下,从整体到局部

1:HTML定义:

(1)超文本是点击可以页面来回切换的链接

(2)标记就是标签语言

2:标签的语法

(1):有单标签,双标签

(2):单标签:不需要包裹内容(例如换行,水平线)

(3):双标签:需要包裹内容(例如加粗文字)

3:标签之间的关系

4:HTML基本骨架

5:注释

(1):快捷键:ctrl+/

(2):加了注释页面就看不见了

6:标题标签

(1):h1最大且每个网页只能用一次,h2-h6没有使用限制次数

(2):他们都独占一行,后面的内容将在下一行显示

(3):标题标签一般用于题目已经产品

7:段落标签

(1):标签里面内容独占一段,标签后面的内容将在下一段显示

(2):标签里面的字比较多且自动换行

(3):段落之间还存在间隙

8:换行和水平线标签

9:文本格式化标签

1:一般都用左边的格式化标签

2:两个文本格式化标签在一行不会换行

10:图像标签

他是一个单标签

11:路径

相对路径:

./:表示进入当前文件所在的文件夹

../:表示进入当前文件所在的文件夹的上一级文件夹

进入哪个文件夹就用文件名+/

绝对路径:

从电脑的盘符开始查找

写文件的完整的路径

找自己电脑中的文件一般用相对路径

找别的网站的文件一般用绝对路径

12:超链接

作用:点击跳转到其他页面

13:音频标签

标签属性可以叠加

14:视频标签

综合案例一:个人简介

网页制作思路:从上而下,先整体在局部,逐步分析制作,还要写一点就要刷新浏览器看效果

综合案例二:vue简介

15:列表标签

(1)无序列表

(2)有序列表

(3)定义标签

16:表格标签

th标签:自动加粗和剧中

td标签:普通的单元格

border:为表格增加边框线

一个<tr><tr>代表一行

<table>

这是第一行里面有一格单元格

<tr>

<th>111</rh>

</tr>

这是第二行里面有一格单元格

<tr>

<td>111</td>

</tr>

</table>

表格结结构标签

是给浏览器看的,人眼是看不见的

合并单元格

不能跨结构合并

17:表单

(1)表单input标签

text是文本框:输入什么就显示什么,它是单行文本,输入的内容不会换行

password是密码框:输入什么都显示点

radio单选框:只能选一个

checkbox多选框:可以多选

file上传文件:可以选择上传的文件

input标签占位文本

当我们输入文字后提示信息就消失,消除文字后提示信息就出现

单选框详解

1:我们可以给单选框分组,名字一样的为一组,一组的单选框只能选一个

2:给单选框增加check代表默认选中,我们刷新页面时就已经默认选中了

多选框详解

1:给多选框增加check代码默认选中

文件上传详解

1:只能选一个文件

2:给上传文件增加multiple可以多选文件,上传多个文件

(2)表单下拉菜单标签

1:下拉菜单默认显示第一个选项

2:想要默认显示别的选项加上selected属性

(3)表单文本域标签

1:输入文字超过文本域的长度会换行

2:标签中间是提示信息,显示在文本域当中

(4)表单label标签

1:增大了表单标签的点击范围,与表单控件绑定

label标签的写法

(5)表单按钮标签

1:想按钮的功能可以用要把表单控件放到form标签里面

2:form标签的作用是把表单控件放到一个区域内管理

18:无语义的布局标签

div和sqan标签

1:div占一整行,是大盒子

2:span不占一整行,是小盒子

字符实体

网页的特点

1:在代码中敲键盘的空格,网页只识别一个

2:所以我们用&nbsp

3:如果我们原样显示<p>,网页会认为他是标签,怎么让他认为普通字符呢,那就左括号&lt,右括号&gt

19:css

(1)什么是css

他给浏览器看的放到head里面,一般放到title下面,css的代码写在<style></style>里面

(2)css引入方式:

1:内部样式表css代码写到style里面

2:外部样式表css代码写到css文件里面,不用加style,直接在title标签下面引用就行了

3:行内样式写在标签的style属性值里

(3)css选择器:

标签选择器

1:使用标签名设置css样式

2:所以的同名标签都会设置相同的样式

类(class)选择器

1:一个标签可以有多个类名,中间用空格隔开

2:多个标签可以使用相同的类名

id选择器

通配符选择题

用途:清除所有标签的默认样式

20:画盒子

21:文字控制属性

字体大小默认是16px

字体粗细:正常400或者normal,加粗700或者bold

字体倾斜:正常normal.倾斜:italic

行高:用于设置多行文本的间距,写数字+px或者直接写数字也行(直接写数字是当前属性值的倍数),行高的30px,文字的高度加上下间距一共是30px

行高垂直剧中:把字体的行高设置为盒子一样的高度,只限文字在一行内

字体族:直接字体名,可以写多个字体名,浏览器从前往后找,找到就显示哪个,最后一个建议使用无衬线字体

字体复合属性:从左到右按顺序写属性值 

文本缩进:写法数字+px或者数字+em(1em是当前标签的字号大小,2em就是2倍),一般使用em,1em代表缩进1个字节的大小,em会随着字体的改变而改变

文字对齐:给文字或图片剧中,看他在哪个标签里面,在哪个标签里面给哪个标签加css样式让他剧中

修饰线:none:无 underline:下划线 line-through:删除线 overline:上划线

颜色:

总结:想要给文字或者图片设置css样式,看它在那个标签里面,给所在的标签设置css样式

22:调试工具

右键点击检查

1:如果有黄色的代表这个代码是错误的

2:如果前面能勾选代表这个样式生效了,如果不能勾选代表没有生效

23:复合选择题

(1)后代选择题

(2)并集选择题

1:最后一个标签不用加逗号

(3)交集选择器

1:同时满足多个条件用交集选择题

(4)伪类选择器

1:设置鼠标停在那个地方的悬停状态,直接任何选择器+:hover

(5)伪类选择器扩展

24:css三大特性

(1)继承性

1:我们设计父级的字体样式,他的子级中的字体也会继承下来

2:子级有自己的样式就显示自己的样式就不继承父级的

(2)层叠性

1:设置相同的属性后面的覆盖前面的

2:设置不同的属性都会生效

(3)选择器优先级

1:范围越大优先级越小

2:!important将选择器的优先级提到最高

(4)优先级的计算规则

1:如果一个标签被多个选择题选择,生成的样式按优先级,优先级的对比按顺序从左到右进行对比

2:!important优先级提到最高

3:继承的权重最高

25:Emmet写法

1:div可省略,直接.

2:标签乘以几就显示几个

3:css里面的属性也可以省略   

26:背景属性

(1):背景图默认是平铺

(2):可以用repeat设置平铺方式

(3):position可以设置背景图的位置,正负控制上下左右

(4):背景图缩放

cover或者100%:让图片完全覆盖盒子,但是图片可能显示不全

100%图片的宽度和盒子的宽度一样,高度按等比例缩放

contain:等比例缩放,直到图片和盒子的尺寸一样,盒子可能覆盖不全

(5):背景图固定

可以设置背景图固定,不随着滑动

(6)背景图复合属性

1:后面直接写css的属性

26:显示模式

(1)块级元素

例如:div

1:独占一整行,一行只显示一个

2:增加宽高生效

3:宽度默认是父级的百分之百

4:高度如果没有设置默认由内容撑开

(2)行内元素

例如:span

1:不换行

2:增加宽高无效

3:宽高尺寸由内容撑开

(3)行内块元素

例如:图片标签img

1:不换行,一行可显示多个

2:增加宽高生效

3:宽高尺寸由内容撑开

(4)转换显示模式

27:结构伪类选择器

选择题:frist-child选择第一个标签

选择题:nth-child(n):n为多少那个标签生成

28:伪元素选择器

1:必须设置content属性,不然不显示

2:这个元素是行内显示模式

29:PxCook软件

测量距离用的

30:盒子模型组成

内容和盒子之间用内边距(盒子变大,内容不变)

边框线用border(盒子变大)

盒子和盒子之间用外边距(整个盒子不变,外面撑大)

(2)盒子模型边框线

(3)盒子模型内边距

记忆方法:顺时针,哪个没有看对面

(4)盒子模型尺寸计算

盒子模型尺寸:内容+内边距+边框线

padding:本来是内容尺寸不变,盒子尺寸变大 

想要盒子尺寸不变有两种方法:

手动减:内容尺寸减去padding的尺寸,通过缩小内容尺寸来固定盒子的尺寸不变

自动减:加上box-sizing:内容变小,盒子不变,原理:通过缩小内容尺寸来维持盒子不变

(5)盒子模型外边距

出现盒子的外边, 改变外边距,盒子尺寸不变,整体移动,不会撑大盒子

剧中设置:margin:0 auto

版心剧中要求盒子有宽度,否则无法做剧中

(6)清除默认样式

清除标签的默认样式

去掉列表的项目符号用list-style:none

(7)盒子模型——元素溢出

(8)外边距问题——合并和塌陷

1:两个盒子上下都有margin取最大值

1:给子级的盒设置上边距就会导致父级向下移动

解决办法:

第二个和第三个解决的办法是让浏览器正确识别父级的位置,只在子级身上实现正确的样式

推荐使用padding来改变

(9)行内元素——内外边距问题

给span元素增加margin和padding只会改变左右的距离不会改变

(10)盒子模型——圆角

多值写法:从左上开始,顺时针开始,如果没有值看对角

1:圆形设置的是最大为百分之50

2:胶囊设置为高度的一半px

(11)盒子模型——阴影

(12)标准流

(13)浮动

1:浮动的盒子顶对其

2:具有行内块的特点

3:浮动的盒子会脱离标准流的控制

4:如果浮动的盒子超出父级的宽度则会掉下去

清除浮动:

子级浮动,父级的高度不存在,浏览器认为子级和父级的盒子都不存在,下面的盒子会下来,那想要子级浮动了还想撑开父级的高度,就要清除浮动

简单来说清除浮动的作用就是:让盒子有浮动的效果,并且浏览器能够识别浮动的高度,撑开父级的高度

31:flex布局

1:通过父级控制子级

2:解决的子级脱标的问题

(2)flex组成

父级是弹性容器,子级是弹性盒子

(3)flex布局

(4)主轴对齐方式

属性值:

后三个常用

center:集中

space-between:两边没有,中间有空

space-around:中间的空是两侧的两倍

space-evenly:中间的空和两侧的空大小一样

(5)侧轴对齐方式

属性名:

aligh-items:控制全部的弹性盒子(直接在父级里面加)

aligh-self:控制单个弹性盒子(控制谁加给谁)

属性值:

前两个常用

stretch:弹性盒子向下拉伸,如果弹性盒子有高度则无效

(6)修改主轴方向

只用第二个就行其他不用记

1:column:从上到下依次排列

2:在flex里面,改了主轴方向,侧轴也跟着改变

(7)弹性伸缩比

1:想要哪个盒子占几份就给哪个盒子加

2:flex控制弹性盒子在主轴方向的尺寸,占盒子剩余部分几份

(8)弹性盒子换行

1:弹性盒子默认自动挤压和拉伸

2:想要换行使用flex-wrap

(9)行对齐方式

上下中

space-between:两行中间的间距(行间距)

space-around:行中间的是最上和最下的两倍

space-evenly:行的上中下间距一样

1:只有一行效果不生效

常见问题

1:背景图片的位置由backgroud-position控制的,不受内边距的影响

2:在flex里面,改了主轴方向,侧轴也跟着改变

3:在flex里面,弹性盒子没有设置高度和宽度,默认情况下主轴按内容撑开,侧轴默认拉伸

相关文章:

前端Web开发HTML5+CSS3+移动web(基础-flex)

网页设计套路&#xff1a;从上到下&#xff0c;从整体到局部 &#xff11;&#xff1a;HTML定义&#xff1a; &#xff08;1&#xff09;超文本是点击可以页面来回切换的链接 &#xff08;2&#xff09;标记就是标签语言 &#xff12;&#xff1a;标签的语法 &#xff08;1&…...

Java 原生异步编程与Spring 异步编程 详解

简介 Java 异步编程是现代高性能应用开发的核心技术之一&#xff0c;它允许程序在执行耗时操作&#xff08;如网络请求、文件 IO&#xff09;时不必阻塞主线程&#xff0c;从而提高系统吞吐量和响应性。 异步 vs 同步 同步&#xff1a;任务按顺序执行&#xff0c;后续任务需…...

AUTOSAR图解==>AUTOSAR_TR_HWTestManagementIntegrationGuide

AUTOSAR硬件测试管理集成指南 启动和关闭阶段硬件测试管理的规范与集成 目录 文档概述 1.1 文档范围 1.2 局限性目标与动机 2.1 目标 2.2 动机 2.3 用例约束与假设缩略语与术语相关文档HTMSS AUTOSAR集成方法HTMSS功能描述AUTOSAR架构解决方案 8.1 HTMSS系统架构 8.2 HTMSS启动…...

Day22 Kaggle泰坦尼克号训练实战

​ 作业 自行学习参考如何使用kaggle平台&#xff0c;写下使用注意点&#xff0c;并对下述比赛提交代码 kaggle泰坦里克号人员生还预测 一、流程 思路概述 数据加载 &#xff1a;读取泰坦尼克号的训练集和测试集。数据预处理 &#xff1a;处理缺失值、对分类变量进行编码、…...

基于大核感知与非膨胀卷积的SPPF改进—融合UniRepLK的YOLOv8目标检测创新架构

在当前目标检测领域中&#xff0c;YOLO系列模型因其优异的速度-精度平衡能力而被广泛部署于工业界与科研场景。YOLOv8作为该系列的最新版本&#xff0c;在主干网络与特征金字塔结构上进行了多项优化&#xff0c;进一步提升了其实时性与鲁棒性。然而&#xff0c;其核心组件—SPP…...

[Linux]从零开始的STM32MP157 Busybox根文件系统构建

一、前言 在上一篇教程中&#xff0c;已经教了大家如何使用Buildroot构建根文件系统&#xff0c;并且在最后我们已经完整的构建了一个可以运行的根文件系统。但是&#xff0c;Buildroot的集成度太高了&#xff0c;不利于小白理解根文件系统&#xff0c;所以本次教程&#xff0c…...

C++ RAII机制

RAII&#xff08;Resource Acquisition Is Initialization&#xff09;是一种编程范式&#xff0c;核心思想是&#xff1a;资源的生命周期与对象绑定——对象创建时获取资源&#xff0c;对象销毁时自动释放资源。这种机制通过构造函数和析构函数的配对执行&#xff0c;确保资源…...

spring中的@Value注解详解

一、核心功能与作用 Value是Spring框架中用于动态注入属性值的注解&#xff0c;支持从配置文件、环境变量、SpEL表达式等来源注入数据&#xff0c;实现代码与配置的解耦。 注入类型覆盖广泛 基本类型&#xff1a;字符串、数值&#xff08;int/double&#xff09;、布尔值等。 …...

模型欠拟合是什么?

模型的欠拟合:全面解析 一、定义与核心概念 欠拟合(Underfitting)是指模型在训练数据、验证数据和测试数据上均表现不佳的现象。其本质是模型过于简单或学习能力不足,无法捕捉数据中的潜在规律和复杂关系,导致泛化能力差。例如,用线性模型拟合非线性数据时,模型无法描…...

IC ATE集成电路测试学习——电流测试的原理和方法

电流测试 我们可以通过电流来判断芯片的工作状态时&#xff0c;首先先了解下芯片的电流是如何产生的。 静态电流 理论上&#xff0c;CMOS结构的芯片静态时几乎不耗电 CMOS基本结构&#xff1a;Pmos Nmos 串联当逻辑电平稳定时&#xff1a; ➜ 要么Pmos导通&#xff0c;Nmo…...

Wordpress头像无法加载太慢问题解决方式

Wordpress头像无法加载太慢问题解决方式 1、找到我们当前使用的主题目录中找到functions.php文件在文件最后面添加以下代码 if ( ! function_exists( get_cravatar_url ) ) {/***替换Gravatar头像为Cravatar头像** param string $url** return string*/function get_cravatar…...

《大模型微调实战:Llama 3.0全参数优化指南》

全参数微调&#xff08;Full Parameter Fine-Tuning&#xff09;是推动大模型适应垂直领域任务的核心技术&#xff0c;尤其对于Llama 3.0这类千亿级参数模型而言&#xff0c;其性能优化与场景适配能力直接决定了实际应用价值。然而&#xff0c;全参数微调面临计算成本高、内存占…...

ActiveMQ 生产环境问题排查与调优指南(二)

五、调优策略与实践 5.1 JVM 调优 JVM 调优对于提升 ActiveMQ 性能至关重要&#xff0c;合理的 JVM 配置可以使 ActiveMQ 更高效地利用系统资源&#xff0c;减少性能瓶颈。 设置合理的堆内存大小是 JVM 调优的关键步骤。堆内存是 JVM 中用于存储对象实例的区域&#xff0c;其…...

AugmentCode 非常昂贵的新定价

AugmentCode 现在的价格比 Cursor 和 Windsurf 的总和还要贵。 AugmentCode 曾是我开发工作流程的常用工具。出乎意料的是,他们改变了定价结构,让开发者们震惊不已。 原来的30 美元月费已经增长为50 美元月费,这是一个67%的增长。 改变我看法的不仅仅是价格上涨,还有他…...

Unity 红点系统

首先明确一个&#xff0c;即红点系统的数据结构是一颗树&#xff0c;并且红点的数据结构的初始化需要放在游戏的初始化中&#xff0c;之后再是对应的红点UI侧的注册&#xff0c;对应的红点UI在销毁时需要注销对红点UI的显示回调注册&#xff0c;但是不销毁数据侧的红点注册 - …...

Python-UV多环境管理

Python-UV多环境管理 Python使用UV进行环境管理&#xff0c;系统了解UV的使用 文章目录 Python-UV多环境管理 [toc]1-学习要点2-核心知识点3-UV多环境管理4-venv和uv脚本对比1-venv环境管理2-uv环境管理3-venv对比uv 1-学习要点 1-熟悉【UV环境管理】2-熟悉【UV和Venv脚本区别…...

多空短线决策+飞云分仓操盘,两个副图指标组合操盘技术,短线更精准有效

如上图&#xff0c;两个副图指标&#xff0c;第一个【短线多空决策】&#xff0c;第二个副图指标【飞云分仓操盘】&#xff0c;指标组合使用&#xff0c;精准性和有效性更加有效。 如上图&#xff0c;两个指标组合使用&#xff0c;我们选择第二个副图指标出现红色和紫色区域的标…...

istio in action之应用弹性与容错机制

在分布式系统中&#xff0c;服务间的依赖关系就像一张错综复杂的网络&#xff0c;任何一个节点的抖动都可能引发连锁反应。这也是为什么我们需要强调弹性&#xff0c;因为在分布式系统中&#xff0c;服务之间通过网络进行通信&#xff0c;这本身就引入了无数个潜在的失败点。我…...

将PyQt5设计的程序打包成.exe文件

打包教程 因为打包的机制是会把当前的解释器的包也打包上&#xff0c;而我的环境经常会有一些较大的包&#xff0c;比如torch之类的。所以这里会创建一个单独的环境。 conda create -n image_process python3.8 激活环境 conda activate image_process 现在先安装我需要安装…...

Java原生结合MQTTX---完成心跳对话(附带源码)

简言&#xff1a;✨当Java遇上MQTT&#xff1a;打造会"隔空传话"的魔法程序✨ 导语&#xff1a;想不想让两个Java程序像哈利波特里的双面镜一样实时对话&#xff1f;今天我们将用MQTT协议EMQX&#xff0c;在Ubuntu上搭建一个魔法邮局&#xff0c;再亲手编写会传信的…...

redis数据结构-06(LRANGE、LINDEX、LSET、LREM)

列表操作&#xff1a;LRANGE、LINDEX、LSET、LREM Redis 列表不仅仅是简单的数组&#xff1b;它们是一种强大的数据结构&#xff0c;可以高效地操作有序数据。本课将深入探讨使用 Redis 列表的四个基本命令&#xff1a; LRANGE 、 LINDEX 、 LSET 和 LREM 。掌握这些命令将使您…...

4.4 os模块

os模块&#xff1a; chdir:修改工作路径 --- 文件所在位置的标识 getcwd():返回当前路径&#xff0c;如果修改了则显示修改后的路径 curdir:获取当前目录的表示形式 cpu_count():返回当前cpu的线程数 getppid(): 获取当前进程编号 getppid()&#xff1a;获取当前进程的父进…...

在 Windows 系统上选择与部署 DICOM 医学影像开发工具与库

🧑 博主简介:CSDN博客专家、CSDN平台优质创作者,高级开发工程师,数学专业,10年以上C/C++, C#, Java等多种编程语言开发经验,拥有高级工程师证书;擅长C/C++、C#等开发语言,熟悉Java常用开发技术,能熟练应用常用数据库SQL server,Oracle,mysql,postgresql等进行开发应用…...

MYSQL数据库集群高可用和数据监控平台(详细版)

项目说明 概述 该项目共分为2个子项目&#xff0c;由MYSQL集群高可用和数据监控平台两部分组成 MYSQL集群高可用属于云原生高级课数据库运维部分的知识 数据监控平台属于云原生拔高项目&#xff0c;旨在让学生增加知识面&#xff0c;提高项目实习经历&#xff0c;充实简历 …...

学习通刷课稳定版(美化面板+完全免费)

学习通刷 &#xff08;美化面板完全免费&#xff09; 安装教程方法一源码文件 方法二 提示结尾 安装教程 方法一 我们首先在浏览器打开脚本猫网站并获取该插件&#xff08;浏览器以Edge为例&#xff09; 脚本猫首页&#xff1a;https://scriptcat.org/zh-CN/ 第一步&#xff…...

python 实现sha加密

在Python中&#xff0c;SHA&#xff08;Secure Hash Algorithm&#xff09;是一种加密哈希函数&#xff0c;通常用于生成数据的哈希值。SHA算法是单向的&#xff0c;这意味着它只能用于加密&#xff08;生成哈希值&#xff09;&#xff0c;而不能用于解密。因此&#xff0c;SHA…...

Linux epoll 详解:概念、使用、数据结构、流程及应用

epoll是什么&#xff1f; epoll 是从 Linux 2.6 起&#xff0c;Linux内核提供的一种高性能I/O事件通知机制&#xff0c;用于解决传统 select 和 poll 在处理大量并发连接时遍历、最大数量限制、频繁拷贝数据等问题。epoll 可以用来监听多个文件描述符&#xff08;socket、管道…...

Kubernetes排错(十一):lsof命令实战场景

在Kubernetes生产环境中&#xff0c;lsof作为Linux系统的"透视眼"&#xff0c;是排查容器级疑难杂症的必备工具。本文将深入解析其在容器化场景下的高阶用法&#xff0c;助你快速定位隐藏问题。 一、基础环境准备 1. 容器内安装lsof # 临时进入容器安装&#xff0…...

Java基础语法之循环结构

循环结构 1.定义 控制一段代码重复执行多次 2.分类 2.1 for循环 2.1.1 定义 控制一段代码反复执行很多次。 2.1.2 for循环格式 for (初始化语句; 循环条件; 迭代语句) { 循环体语句(重复执行的代码); }示例 // 输出3次HelloWorld for (int i 0; i < 3; i) { System…...

冒泡排序的原理

冒泡排序是一种简单的排序算法&#xff0c;它通过重复地遍历待排序的列表&#xff0c;比较相邻的元素并交换它们的位置来实现排序。具体原理如下&#xff1a; 冒泡排序的基本思想 冒泡排序的核心思想是通过相邻元素的比较和交换&#xff0c;将较大的元素逐步“冒泡”到列表的…...

AUTOSAR图解==>AUTOSAR_TR_InteractionWithBehavioralModels

AUTOSAR与行为模型交互详解 深入解析AUTOSAR软件组件与行为模型的交互关系与转换机制 目录 引言 1.1 AUTOSAR编辑工具概述 1.2 源起与目标 1.3 术语定义需求追溯AUTOSAR中行为建模的用例 3.1 软件组件的行为建模 3.2 软件组件描述到行为模型 3.3 行为模型到软件组件描述 3.4 组…...

GO语言内存管理结构

文章目录 1、内存分区1.1、栈&#xff08;Stack&#xff09;1.2、堆&#xff08;Heap&#xff09; 2、堆内存管理结构2.1、内存分配器&#xff08;MCache → MArena → MSpan → MHeap&#xff09;2.2、大小分类&#xff08;Size Class&#xff09;2.3、分配流程 3、垃圾回收&a…...

分享一些资料供大家学习

群里收集来的&#xff0c;自己感觉还是比较经典的&#xff0c;希望大家喜欢&#xff01;&#xff01;&#xff01; 20250428 夸克网盘分享一大波经典IT架构好货20250429夸克网盘分享精品文档-管理咨询师必备的思维模型20250430夸克网盘分享清华大学DeepSeek教程又来了《文科生A…...

RAGMCP基本原理说明和相关问题解惑

一、RAG架构原理和局限性 1.1 概念解释 RAG&#xff08;Retrieval-Augmented Generation&#xff09;&#xff1a;检索增强生成&#xff0c;让大模型接受外部输入后&#xff0c;总结输出 向量数据库&#xff1a;向量数据通常是高维空间中的点&#xff0c;代表复杂的数据结构…...

PyGame游戏开发(含源码+演示视频+开结题报告+设计文档)

前言&#xff1a; 大二小学期python课上基于pygame做的一个游戏小demo&#xff0c;当时老师花了一天讲解了下python基础语法后&#xff08;也是整个大学四年唯一学习python的时间&#xff09;&#xff0c;便让我们自学网课一周然后交项目&#xff0c;所以做的非常仓促&#xff…...

Git标签

Git标签 1. 添加标签 使用 tag 命令可以给某次 commit 提交的版本打上标签&#xff0c;相当于这个 commit id 的别名&#xff0c;在实践中&#xff0c;会使用 v1.0 之类的标签提示这是正式版的第一个版本。 git tag v1.0 [commit id]缺省输入 commit id会给最新的一次提交打…...

USB学习【6】USB传输错误的处理

1.前言 我们从物理层到信号层&#xff0c;到协议层&#xff0c;他们分别在不同的层面完成不同的功能。 总结一下&#xff1a; 物理层实现了高低电平的检测。 信号层更进一步&#xff0c;通过一些方法&#xff0c;实现了二进制的传输。 协议层&#xff0c;因为可以二进制传输了…...

深入解析 Vision Transformer (ViT) 与其在计算机视觉中的应用

在近年来&#xff0c;深度学习尤其在计算机视觉领域取得了巨大的进展&#xff0c;而 Vision Transformer&#xff08;ViT&#xff09;作为一种新的视觉模型&#xff0c;它的表现甚至在许多任务中超过了传统的卷积神经网络&#xff08;CNN&#xff09;&#xff0c;如 ResNet。在…...

《Go小技巧易错点100例》第三十一篇

本期分享&#xff1a; 1.Go struct内存对齐 2.使用空结构体(struct{})节省内存 Go struct内存对齐 在计算机系统中&#xff0c;CPU 访问内存时并不是逐字节读取的&#xff0c;而是以特定大小的块&#xff08;通常为 4/8 字节&#xff09;为单位进行读取。当数据的内存地址正…...

全栈项目实战:Vue3+Node.js开发博客系统

全栈项目实战&#xff1a;Vue3Node.js开发博客系统 一、项目架构设计 1. 技术栈选型 前端技术栈&#xff1a; Vue 3 Composition APITypeScriptPinia状态管理Vue Router 4Element Plus UI组件库Vite构建工具 后端技术栈&#xff1a; Node.js (Express/Koa)MongoDB (Mong…...

查看YOLO版本的三种方法

查看YOLO版本的三种方法&#xff1a; 一、通过命令行直接查询 使用Python交互式查询&#xff1a; from ultralytics import __version__ print(__version__) # 示例输出: 11.0.5二、检查PyTorch环境兼容性 import torch, ultralytics print(f"PyTorch: {torch.__versi…...

基于Docker的Bitwarden的私有本地部署

基于Docker的Bitwarden的私有本地部署 文章目录 基于Docker的Bitwarden的私有本地部署 本文首发地址 https://h89.cn/archives/355.html bitwarden 默认连接的是国外服务器 https://bitwarden.com/ &#xff0c;连接不是很稳定&#xff0c;也没有安全感&#xff0c;所以我选择了…...

点和体素哪个好

3D 深度学习中基于体素和基于点云的方法哪种更优&#xff1f;-腾讯云开发者社区-腾讯云 https://zhuanlan.zhihu.com/p/372497398 GitHub - open-mmlab/OpenPCDet: OpenPCDet Toolbox for LiDAR-based 3D Object Detection....

C++ STL编程 vector空间预留、vector高效删除、vector数据排序、vector代码练习

vector空间预留&#xff0c;作用是避免申请每次申请内存&#xff0c;提高运行效率。 对应的接口是 vector.reverse() vector的高效删除&#xff0c;对应的代码见下&#xff0c;一个时间复杂度是n&#xff0c;一个时间复杂度是1 #include<iostream> #include<vector…...

Android架构模式推荐及分析和MVC架构模式制作一个简单的底部tab切换

目录 主流架构模式对比 适用场景 MVP‌&#xff1a;团队协作开发,需要高可测试性的项目 MVC架构模式制作一个简单的底部tab切换 &#xff08;Model-View-Controller&#xff09;结构 代码 效果 主流架构模式对比 ‌对比维度‌‌MVC‌ ‌MVP‌ ‌MVVM‌ ‌MVI‌ ‌学习…...

【PVE】ProxmoxVE8虚拟机,存储管理(host磁盘扩容,qcow2/vmdk导入vm,vm磁盘导出与迁移等)

【PVE】ProxmoxVE8虚拟机&#xff0c;存储管理&#xff08;host磁盘扩容&#xff0c;qcow2/vmdk导入vm&#xff0c;vm磁盘导出与迁移等&#xff09; 文章目录 1、host 磁盘扩容2、qcow2/vmdk导入vm3、vm 磁盘导出与迁移 1、host 磁盘扩容 如何给host扩容磁盘&#xff0c;如增加…...

【JEECG 组件扩展】JSwitch开关组件扩展单个多选框样式

功能说明&#xff1a; 基于JeecgBoot开源框架&#xff0c;JSwitch开关组件扩展&#xff0c;支持单个多选样式。 效果展示&#xff1a; 使用示例&#xff1a; {field: JSwitch,component: JSwitch,label: JSwitch,},{field: JSwitchCheckBox,component: JSwitch,label: JSwitch…...

卷积神经网络-从零开始构建一个卷积神经网络

目录 一、什么是卷积神经网络CNN 1.1、核心概念 1.2、卷积层 二、什么是卷积计算 2.1、卷积计算的例子: 2.2、点积 2.3、卷积与点积的关系 2.4、Padding(填充) 2.4.1、Padding的主要作用 1、控制输出特征图尺寸 2、保留边缘信息 3. 支持深层网络训练 2.4.2、Str…...

Linux 常用命令集合

以下是一份 Linux 常用命令集合&#xff0c;涵盖文件操作、系统管理、网络管理、权限管理、进程管理等常见任务&#xff0c;并附上代码示例&#xff1a; 1. 文件与目录操作 命令作用示例ls列出目录内容ls -l&#xff08;详细列表&#xff09; ls -a&#xff08;显示隐藏文件&a…...

STM32f103 标准库 零基础学习之按键点灯(不涉及中断)

注意&#xff0c;此次代码不涉及中断&#xff0c;不涉及中断&#xff0c;不涉及中断 目录 1.初始化LED 2.初始化按键 3.粗略的延时函数 4.判断引脚电平 5.通过异或反转电平 开始 │ ├── 初始化LED&#xff08;GPIOA Pin1 推挽输出&#xff09; ├── 初始化按键&…...