前端应届生如何做一个职业规划？BAT大厂面试总结

01 前言

---

2021是不平凡的一年，这一年里发生许多事情，大家也都知道。对于互联网行业来说也是一次重大的打击，也有一些企业在这次疫情中倒闭了，所以可能对于今年2021年毕业的同学来说是一次很大的考验，也关乎我们的前途。

今年的面试基本上都不会线下面试，都是采取线上电话/视频的形式来进行，今天我就总结一下，分享一下自己所遇到的一些面试题，希望大家在这次春招中能够拿到满意的offer！毕竟自己当初也是看了很多师兄姐的面经，算是一个回馈社区。共勉！

二.技术基础知识

基础知识一直都是重点考察的内容，包含有HTML（5）、CSS（3）、JavaScript到Vue，React等等所有可能考察的知识。

基础知识不仅仅要知道是什么，更要明白怎么用，为什么这么用。死记硬背能应付一时，如果你遇到了想深入聊聊的面试官，死记硬背就没用了。所以每个知识点都要理解透彻，讲的清楚。

每次面试都要提前做好准备，下面是一些常考的面试知识点，大家可以提前准备

HTML(5)：

1）H5的新特性有哪些？
2）Label的作用是什么？是怎么用的？
3）HTML5的form如何关闭自动完成功能
4）实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果
5）title与h1的区别、b与strong的区别、i与em的区别？
6）每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
7）img的alt与title有何异同？ strong与em的异同？
8）简述一下src与href的区别？
9）知道的网页制作会用到的图片格式有哪些？
10）你如何理解HTML结构的语义化？
11）html5有哪些新特性、移除了那些元素？
12）如何处理HTML5新标签的浏览器兼容问题
13）…

CSS:

1）css盒模型
（1）css盒模型基本概念？
（2）标准模型和IE模型的区别：计算高度和宽度的不同，怎么不同，高度宽度是怎么计算的？
（3）js如何设置获取盒模型对应的宽和高？
（4）…
2）BFC（边距重叠解决方案）
（1）BFC的基本概念？
（2）BFC原理/ BFC渲染规则？
（3）如何创建BFC？
（4）BFC的使用场景？
3）css浮动
（1）css浮动原理？
（2）浮动元素引起的问题？
（3）css清除浮动的方法？
4）css经典布局
（1）三栏布局：左右各300px,中间自适应？
（2）圣杯布局
（3）双飞翼