前端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:所以我们用 
3:如果我们原样显示<p>,网页会认为他是标签,怎么让他认为普通字符呢,那就左括号<,右括号>
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)
网页设计套路:从上到下,从整体到局部 1:HTML定义: (1)超文本是点击可以页面来回切换的链接 (2)标记就是标签语言 2:标签的语法 (1&…...
Java 原生异步编程与Spring 异步编程 详解
简介 Java 异步编程是现代高性能应用开发的核心技术之一,它允许程序在执行耗时操作(如网络请求、文件 IO)时不必阻塞主线程,从而提高系统吞吐量和响应性。 异步 vs 同步 同步:任务按顺序执行,后续任务需…...
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平台,写下使用注意点,并对下述比赛提交代码 kaggle泰坦里克号人员生还预测 一、流程 思路概述 数据加载 :读取泰坦尼克号的训练集和测试集。数据预处理 :处理缺失值、对分类变量进行编码、…...
基于大核感知与非膨胀卷积的SPPF改进—融合UniRepLK的YOLOv8目标检测创新架构
在当前目标检测领域中,YOLO系列模型因其优异的速度-精度平衡能力而被广泛部署于工业界与科研场景。YOLOv8作为该系列的最新版本,在主干网络与特征金字塔结构上进行了多项优化,进一步提升了其实时性与鲁棒性。然而,其核心组件—SPP…...
[Linux]从零开始的STM32MP157 Busybox根文件系统构建
一、前言 在上一篇教程中,已经教了大家如何使用Buildroot构建根文件系统,并且在最后我们已经完整的构建了一个可以运行的根文件系统。但是,Buildroot的集成度太高了,不利于小白理解根文件系统,所以本次教程,…...
C++ RAII机制
RAII(Resource Acquisition Is Initialization)是一种编程范式,核心思想是:资源的生命周期与对象绑定——对象创建时获取资源,对象销毁时自动释放资源。这种机制通过构造函数和析构函数的配对执行,确保资源…...
spring中的@Value注解详解
一、核心功能与作用 Value是Spring框架中用于动态注入属性值的注解,支持从配置文件、环境变量、SpEL表达式等来源注入数据,实现代码与配置的解耦。 注入类型覆盖广泛 基本类型:字符串、数值(int/double)、布尔值等。 …...
模型欠拟合是什么?
模型的欠拟合:全面解析 一、定义与核心概念 欠拟合(Underfitting)是指模型在训练数据、验证数据和测试数据上均表现不佳的现象。其本质是模型过于简单或学习能力不足,无法捕捉数据中的潜在规律和复杂关系,导致泛化能力差。例如,用线性模型拟合非线性数据时,模型无法描…...
IC ATE集成电路测试学习——电流测试的原理和方法
电流测试 我们可以通过电流来判断芯片的工作状态时,首先先了解下芯片的电流是如何产生的。 静态电流 理论上,CMOS结构的芯片静态时几乎不耗电 CMOS基本结构:Pmos Nmos 串联当逻辑电平稳定时: ➜ 要么Pmos导通,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全参数优化指南》
全参数微调(Full Parameter Fine-Tuning)是推动大模型适应垂直领域任务的核心技术,尤其对于Llama 3.0这类千亿级参数模型而言,其性能优化与场景适配能力直接决定了实际应用价值。然而,全参数微调面临计算成本高、内存占…...
ActiveMQ 生产环境问题排查与调优指南(二)
五、调优策略与实践 5.1 JVM 调优 JVM 调优对于提升 ActiveMQ 性能至关重要,合理的 JVM 配置可以使 ActiveMQ 更高效地利用系统资源,减少性能瓶颈。 设置合理的堆内存大小是 JVM 调优的关键步骤。堆内存是 JVM 中用于存储对象实例的区域,其…...
AugmentCode 非常昂贵的新定价
AugmentCode 现在的价格比 Cursor 和 Windsurf 的总和还要贵。 AugmentCode 曾是我开发工作流程的常用工具。出乎意料的是,他们改变了定价结构,让开发者们震惊不已。 原来的30 美元月费已经增长为50 美元月费,这是一个67%的增长。 改变我看法的不仅仅是价格上涨,还有他…...
Unity 红点系统
首先明确一个,即红点系统的数据结构是一颗树,并且红点的数据结构的初始化需要放在游戏的初始化中,之后再是对应的红点UI侧的注册,对应的红点UI在销毁时需要注销对红点UI的显示回调注册,但是不销毁数据侧的红点注册 - …...
Python-UV多环境管理
Python-UV多环境管理 Python使用UV进行环境管理,系统了解UV的使用 文章目录 Python-UV多环境管理 [toc]1-学习要点2-核心知识点3-UV多环境管理4-venv和uv脚本对比1-venv环境管理2-uv环境管理3-venv对比uv 1-学习要点 1-熟悉【UV环境管理】2-熟悉【UV和Venv脚本区别…...
多空短线决策+飞云分仓操盘,两个副图指标组合操盘技术,短线更精准有效
如上图,两个副图指标,第一个【短线多空决策】,第二个副图指标【飞云分仓操盘】,指标组合使用,精准性和有效性更加有效。 如上图,两个指标组合使用,我们选择第二个副图指标出现红色和紫色区域的标…...
istio in action之应用弹性与容错机制
在分布式系统中,服务间的依赖关系就像一张错综复杂的网络,任何一个节点的抖动都可能引发连锁反应。这也是为什么我们需要强调弹性,因为在分布式系统中,服务之间通过网络进行通信,这本身就引入了无数个潜在的失败点。我…...
将PyQt5设计的程序打包成.exe文件
打包教程 因为打包的机制是会把当前的解释器的包也打包上,而我的环境经常会有一些较大的包,比如torch之类的。所以这里会创建一个单独的环境。 conda create -n image_process python3.8 激活环境 conda activate image_process 现在先安装我需要安装…...
Java原生结合MQTTX---完成心跳对话(附带源码)
简言:✨当Java遇上MQTT:打造会"隔空传话"的魔法程序✨ 导语:想不想让两个Java程序像哈利波特里的双面镜一样实时对话?今天我们将用MQTT协议EMQX,在Ubuntu上搭建一个魔法邮局,再亲手编写会传信的…...
redis数据结构-06(LRANGE、LINDEX、LSET、LREM)
列表操作:LRANGE、LINDEX、LSET、LREM Redis 列表不仅仅是简单的数组;它们是一种强大的数据结构,可以高效地操作有序数据。本课将深入探讨使用 Redis 列表的四个基本命令: LRANGE 、 LINDEX 、 LSET 和 LREM 。掌握这些命令将使您…...
4.4 os模块
os模块: chdir:修改工作路径 --- 文件所在位置的标识 getcwd():返回当前路径,如果修改了则显示修改后的路径 curdir:获取当前目录的表示形式 cpu_count():返回当前cpu的线程数 getppid(): 获取当前进程编号 getppid():获取当前进程的父进…...
在 Windows 系统上选择与部署 DICOM 医学影像开发工具与库
🧑 博主简介:CSDN博客专家、CSDN平台优质创作者,高级开发工程师,数学专业,10年以上C/C++, C#, Java等多种编程语言开发经验,拥有高级工程师证书;擅长C/C++、C#等开发语言,熟悉Java常用开发技术,能熟练应用常用数据库SQL server,Oracle,mysql,postgresql等进行开发应用…...
MYSQL数据库集群高可用和数据监控平台(详细版)
项目说明 概述 该项目共分为2个子项目,由MYSQL集群高可用和数据监控平台两部分组成 MYSQL集群高可用属于云原生高级课数据库运维部分的知识 数据监控平台属于云原生拔高项目,旨在让学生增加知识面,提高项目实习经历,充实简历 …...
学习通刷课稳定版(美化面板+完全免费)
学习通刷 (美化面板完全免费) 安装教程方法一源码文件 方法二 提示结尾 安装教程 方法一 我们首先在浏览器打开脚本猫网站并获取该插件(浏览器以Edge为例) 脚本猫首页:https://scriptcat.org/zh-CN/ 第一步ÿ…...
python 实现sha加密
在Python中,SHA(Secure Hash Algorithm)是一种加密哈希函数,通常用于生成数据的哈希值。SHA算法是单向的,这意味着它只能用于加密(生成哈希值),而不能用于解密。因此,SHA…...
Linux epoll 详解:概念、使用、数据结构、流程及应用
epoll是什么? epoll 是从 Linux 2.6 起,Linux内核提供的一种高性能I/O事件通知机制,用于解决传统 select 和 poll 在处理大量并发连接时遍历、最大数量限制、频繁拷贝数据等问题。epoll 可以用来监听多个文件描述符(socket、管道…...
Kubernetes排错(十一):lsof命令实战场景
在Kubernetes生产环境中,lsof作为Linux系统的"透视眼",是排查容器级疑难杂症的必备工具。本文将深入解析其在容器化场景下的高阶用法,助你快速定位隐藏问题。 一、基础环境准备 1. 容器内安装lsof # 临时进入容器安装࿰…...
Java基础语法之循环结构
循环结构 1.定义 控制一段代码重复执行多次 2.分类 2.1 for循环 2.1.1 定义 控制一段代码反复执行很多次。 2.1.2 for循环格式 for (初始化语句; 循环条件; 迭代语句) { 循环体语句(重复执行的代码); }示例 // 输出3次HelloWorld for (int i 0; i < 3; i) { System…...
冒泡排序的原理
冒泡排序是一种简单的排序算法,它通过重复地遍历待排序的列表,比较相邻的元素并交换它们的位置来实现排序。具体原理如下: 冒泡排序的基本思想 冒泡排序的核心思想是通过相邻元素的比较和交换,将较大的元素逐步“冒泡”到列表的…...
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、栈(Stack)1.2、堆(Heap) 2、堆内存管理结构2.1、内存分配器(MCache → MArena → MSpan → MHeap)2.2、大小分类(Size Class)2.3、分配流程 3、垃圾回收&a…...
分享一些资料供大家学习
群里收集来的,自己感觉还是比较经典的,希望大家喜欢!!! 20250428 夸克网盘分享一大波经典IT架构好货20250429夸克网盘分享精品文档-管理咨询师必备的思维模型20250430夸克网盘分享清华大学DeepSeek教程又来了《文科生A…...
RAGMCP基本原理说明和相关问题解惑
一、RAG架构原理和局限性 1.1 概念解释 RAG(Retrieval-Augmented Generation):检索增强生成,让大模型接受外部输入后,总结输出 向量数据库:向量数据通常是高维空间中的点,代表复杂的数据结构…...
PyGame游戏开发(含源码+演示视频+开结题报告+设计文档)
前言: 大二小学期python课上基于pygame做的一个游戏小demo,当时老师花了一天讲解了下python基础语法后(也是整个大学四年唯一学习python的时间),便让我们自学网课一周然后交项目,所以做的非常仓促ÿ…...
Git标签
Git标签 1. 添加标签 使用 tag 命令可以给某次 commit 提交的版本打上标签,相当于这个 commit id 的别名,在实践中,会使用 v1.0 之类的标签提示这是正式版的第一个版本。 git tag v1.0 [commit id]缺省输入 commit id会给最新的一次提交打…...
USB学习【6】USB传输错误的处理
1.前言 我们从物理层到信号层,到协议层,他们分别在不同的层面完成不同的功能。 总结一下: 物理层实现了高低电平的检测。 信号层更进一步,通过一些方法,实现了二进制的传输。 协议层,因为可以二进制传输了…...
深入解析 Vision Transformer (ViT) 与其在计算机视觉中的应用
在近年来,深度学习尤其在计算机视觉领域取得了巨大的进展,而 Vision Transformer(ViT)作为一种新的视觉模型,它的表现甚至在许多任务中超过了传统的卷积神经网络(CNN),如 ResNet。在…...
《Go小技巧易错点100例》第三十一篇
本期分享: 1.Go struct内存对齐 2.使用空结构体(struct{})节省内存 Go struct内存对齐 在计算机系统中,CPU 访问内存时并不是逐字节读取的,而是以特定大小的块(通常为 4/8 字节)为单位进行读取。当数据的内存地址正…...
全栈项目实战:Vue3+Node.js开发博客系统
全栈项目实战:Vue3Node.js开发博客系统 一、项目架构设计 1. 技术栈选型 前端技术栈: Vue 3 Composition APITypeScriptPinia状态管理Vue Router 4Element Plus UI组件库Vite构建工具 后端技术栈: Node.js (Express/Koa)MongoDB (Mong…...
查看YOLO版本的三种方法
查看YOLO版本的三种方法: 一、通过命令行直接查询 使用Python交互式查询: 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/ ,连接不是很稳定,也没有安全感,所以我选择了…...
点和体素哪个好
3D 深度学习中基于体素和基于点云的方法哪种更优?-腾讯云开发者社区-腾讯云 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空间预留,作用是避免申请每次申请内存,提高运行效率。 对应的接口是 vector.reverse() vector的高效删除,对应的代码见下,一个时间复杂度是n,一个时间复杂度是1 #include<iostream> #include<vector…...
Android架构模式推荐及分析和MVC架构模式制作一个简单的底部tab切换
目录 主流架构模式对比 适用场景 MVP:团队协作开发,需要高可测试性的项目 MVC架构模式制作一个简单的底部tab切换 (Model-View-Controller)结构 代码 效果 主流架构模式对比 对比维度MVC MVP MVVM MVI 学习…...
【PVE】ProxmoxVE8虚拟机,存储管理(host磁盘扩容,qcow2/vmdk导入vm,vm磁盘导出与迁移等)
【PVE】ProxmoxVE8虚拟机,存储管理(host磁盘扩容,qcow2/vmdk导入vm,vm磁盘导出与迁移等) 文章目录 1、host 磁盘扩容2、qcow2/vmdk导入vm3、vm 磁盘导出与迁移 1、host 磁盘扩容 如何给host扩容磁盘,如增加…...
【JEECG 组件扩展】JSwitch开关组件扩展单个多选框样式
功能说明: 基于JeecgBoot开源框架,JSwitch开关组件扩展,支持单个多选样式。 效果展示: 使用示例: {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 常用命令集合,涵盖文件操作、系统管理、网络管理、权限管理、进程管理等常见任务,并附上代码示例: 1. 文件与目录操作 命令作用示例ls列出目录内容ls -l(详细列表) ls -a(显示隐藏文件&a…...
STM32f103 标准库 零基础学习之按键点灯(不涉及中断)
注意,此次代码不涉及中断,不涉及中断,不涉及中断 目录 1.初始化LED 2.初始化按键 3.粗略的延时函数 4.判断引脚电平 5.通过异或反转电平 开始 │ ├── 初始化LED(GPIOA Pin1 推挽输出) ├── 初始化按键&…...