2024年最全前端面试硬核之复述性问题集合（CSS）_css 临近双边，2024年最新Web前端内存优化面试

最后

资料过多，篇幅有限

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

3.link标签和import标签的区别

link属于html标签，import则是由css提供
页面被加载时，link会同时被加载，而import引用的css会等到页面加载结束时加载
link是html标签，因此没有兼容性，而import在ie5以上才能识别
link方式样式的权重高于import

4.js动画和css3动画的差异

功能涵盖面：js比css大
css比js更加简单，性能跳优方向固定
对帧速表现不好的低版本浏览器，css3可以做到自然降级
css动画有天然事件支持
css3有兼容性问题

5.说一下块级元素和行级元素

块元素：独占一行，并且有自动填满父元素，可以设置margin和padding以及width height。
行元素：不会独占一行，width，height失效，并且在垂直方向的padding和margin会失效。

6.双边距重叠问题

多个相邻普通流的块元素锤石方向margin会重叠
折叠结果：
两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值
两个相邻的外边距都是负数时，折叠结果是它们两者之间绝对值较大的值
有正有负时，折叠结果是两者的相加的和

7.浮动清除

方法1：使用带clear属性的空元素，或者邻接元素处理
在浮动元素后使用一个空元素如<div class="clear"></div>,并设置其css，.clear{clear:both;}即可清理浮动。
方法2：使用css的overflow属性
给浮动元素的容器添加overflow：hidden；或者overflow：auto；可以清除浮动.
方法3：伪元素处理
给浮动元素的容器添加一个clearfix的class，然后给这个class添加一个：afer伪元素实现元素末尾添加一个看不见的块元素清理浮动。

8.css的选择器

id选择器，class选择器，标签选择器，伪元素选择器，伪类选择器

带有！important标记的样式属性优先级最高

9.如何让一个元素消失

三种方式：

display：none；
visibility：hidden；
opacity：0；


### 最后

中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。

*   技术要深入到什么程度？

*   做久了技术总要转型管理？

*   我能做什么，我想做什么？

*   **一技之长，就是深耕你的专业技能，你的专业技术。**（重点）

*   独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）

*   拥有事业，选择一份使命，带领团队实现它。（创业）

**一技之长分五个层次**

*   栈内技术 - 是指你的前端专业领域技术

*   栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识

*   工程经验 - 是建设专业技术体系的“解决方案”

*   带人做事 - 是对团队协作能力的要求

*   业界发声 - 工作经验总结对外分享，与他人交流



> 永远不要放弃一技之长，它值得你长期`信仰持有`。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

> 主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。

![](https://img-blog.csdnimg.cn/img_convert/44bc3d1e2743a7cf1e94e28026aedf8d.png)



正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。

![](https://img-blog.csdnimg.cn/img_convert/44bc3d1e2743a7cf1e94e28026aedf8d.png)