Html-理解前端开发中单位(em单位和rem单位)和网络地址，web网站开发

display: flex;

flex-direction: row;

justify-content: flex-start;

border: 1px solid #424242;

width: 200px;

height: 100px;

font-size: 10px;

background-color: rgb(158, 238, 169);

}

.d2 {

font-size: 1rem;

width: 50px;

}

.d3 {

font-size: 16px;

width: 50px;

}

可可

可可

vw、vh

可可

可可

可可

可可

max-width min-width

总结：

px像素

em相对单位相对于父元素的大小(不推荐使用)

rem相对单位，相对于根元素r=root根配合jsrem布局使用

vw：viewport视窗的宽度 百分百视窗的宽度100vw

vh：viewport视窗的高度百分百视窗的高度100vh

最大的宽度max-width

最小的宽度min-width

最小的高度max-height

最大的高度min-height

如果出现大于或者小于设置的某个单位时，会出现滚动条

二、html文件地址

| 绝对地址 | 相对地址 |

| — | — |

| 不会随着文件的路径进行改变，而使路径改变 | 相对于当前的路径，会因为当前文件的位置而使得相对路径改变。随着文件的路径进行改变浏览器会根据当前的位置拼接具体路径 |

| 正常的绝对路径 |

| — |

| 协议+域名+文件路径+文件名称 |

| https://www.mi.com/index.html |

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

常用的JavaScript设计模式

• 单体模式

• 工厂模式

• 例模式

  

函数

• 函数的定义

• 局部变量和全局变量

• 返回值

• 匿名函数

• 自运行函数

• 闭包

  

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81NjEzNDM4MQ==,size_16,color_FFFFFF,t_70)

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-WyAg06rr-1712671822987)]