先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
- 元素显示模式为
flex
或者inline-block
等
用途:清除浮动
BFC
的方式都可以清除浮动,不过常使用的清除浮动的BFC
方法只有overflow:hidden
,原因是当我们使用float
或者position
方式清除时,虽然父级本身浮动清除,但父级脱离文档流,对后面父级的兄弟盒子的布局会造成影响。而设置父级为display: flex
,父级内部的浮动又会失效,因此通常只用overflow:hidden
清除浮动。
IFC
:内联格式上下文,高度由其包含行内元素中最高的实际高度计算
GFC
:网络布局格式化上下文,当一个元素设置display
为grid
时,该元素也会得到一个独立的渲染区域
FFC
自适应格式上下文,对应的就是flex
布局,形成自适应容器。
二,说一下样式优先级的规则
2.1 解题思路
-
按优先级顺序回答
-
加分项:
!important
2.2 作答
样式优先级为!important
、行内样式、嵌入样式、外联样式、id选择器、类选择器、标签选择器、符合选择器、通配符选择器、继承样式。
使用!important
时需谨慎,优先考虑使用样式规则的优先级来解决问题,而不是!important
,只有在需要覆盖全站或外部CSS的特定页面中使用!important
三,说一下浮动
3.1 解题思路
-
特点
-
用途
-
清除浮动
-
加分项:
三种浮动的特点影响
3.2 作答
设置浮动后,该元素脱标,表现为不占位置,如果父级盒子本来是由该元素撑起高度,设置浮动后,会导致父级塌陷,影响后面盒子布局。
浮动作用有实现文字环绕图片,设置浮动的块级元素可以排列在同一行,设置浮动的行内元素可以设置宽高,同时可以按照浮动设置的方向对齐排列盒子。
清除浮动:
-
使用伪元素清除浮动
-
格外标签法清除浮动
-
overflow:hidden
标签插入法清除浮动,会新增标签,造成不必要的渲染。伪元素清除浮动,不会有其他影响,是比较流行的方法。overflow:hidden
,由于写法方便,比较常见。
四,说一说HTML语义化
-
便于页面内容结构化
-
利于无CSS页面可读
-
利于SEO
-
利于代码可读
五,说一说盒模型
5.1 解题思路
-
标准盒模型、怪异盒模型
-
box-sizing:border-box
5.2 作答
盒模型定义了一个盒子元素包含margin
、padding
、border
、content
四部分。标准模型就是给盒子设置width
和 height
,实际设置的是content
,而怪异盒子,是给盒设置的width
、height
是包含padding
、border
的。
文末
我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。
首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。
更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
前端面试题汇总
JavaScript
性能
linux
前端资料汇总
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
很难做到真正的技术提升。**
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-ofnpVVE3-1713436819456)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!