2021最新大厂前端面试题总结（百度、字节跳动、腾讯、小米.....），附面试经验！

前言

先简单介绍下自己，我“平平无奇小天才”一枚，毕业于南方普通985普通学生，有幸去百度、字节面试，感觉大公司就是不一样，印象最深的是字节，所以有必要总结一下面试经验，以及面试中遇到的一些问题，以便大家参考：

投简历的过程

首先肯定是找一个简洁不浮夸却有很精美的简历模板，然后将自己的信息填上去，主要的就是：姓名、电话、照片、擅长的技术栈、教育经历、实习经历、项目经历、证书、社交网站。这里要强调的是：不太熟悉的东西别往上写，没用的东西别往上写。

然后就是投简历的渠道问题了，这里我要给个建议，最好找别人内推一下，因为这样更快让你的简历被看到，避免长时间没有音讯。不过要提的是，找的内推人一定要靠谱！一定要靠谱！要找那种能给你一些简历修改建议的，会帮你跟进后续流程的，部门hc真的充足的人，而不是找那种广撒网的，因为他们根本没时间管你，可能你投进去，反而卡了流程（真的感同身受）

面试前做出的准备

我在面试前准备以下几点东西，似乎都解决了面试的部分问题

面试前我查阅了其他大佬写的字节跳动的面经以及面试题目，寻找题目解答，把它们总结了下来，用了一天一夜的时间，把它们整理成了文档。

我做了一份详细的自我介绍，通过项目开发经历来总结出了我的一些优点和开发经验，用讲故事的形式说明情况，最后点明故事中表现了自己具有哪些素质，点明自己为什么可以做前端的工作。字节跳动的宗旨“和优秀的人一起做有挑战的事情”也被我用到了自我介绍中，“我认为我是优秀的人，也喜欢做有挑战的事情，更喜欢与优秀的人为伍”“我希望搭上字节跳动这架火箭”等等。

快要面试时做出的准备

快要面试了，第一次面试，有些紧张，但还是像平常考试一样，将总结下来的面试题目总结、前端遇到问题的总结又看了一遍，把自己做好的自我介绍熟悉的过几遍，给自己亲近的朋友发条消息获得她的祝福，又站在电脑桌前活动了一下身子，头脑顿时清醒利索了许多。

面试前奏，其实很紧张

由于紧张怕错过面试，早早的便坐在了电脑桌前。面试官迟到了一会，就给我发起了面试视频邀请，终于开始了。

迎面是一个挺帅气的哥哥，简单的打了一下招呼，就进入了自我介绍的环节。由于自我介绍我已经熟悉过几遍了，自我介绍的效果看起来效果还是不错的。

开始问我项目经历的细节以及自我介绍中的细节，由于项目经历确实是自己亲身经历过的事情，并且我一般项目完成时都会做一下总结，所以也能够答个头头是道。个人感觉是这样的，至于面试官怎么想的，我就不清楚了， 说不定是那种我就静静的看着你装逼的情况。

由于篇幅限制，下方面试题目仅展示了部分，需要完整文档学习的，可以点击【前端资源】分享

面试题目

来了来了，开始问技术的问题了。

1.你对Vue的理解有多少

因为我在简历的项目经历中写了一个Vue项目，于是他问的时候就把我在项目中对Vue的理解和面试前准备的Vue总结结合起来回答。

• 用css2和css3分别写一下垂直居中和水平居中
  这道题我不会，并不知道css2和css3有什么区别以及写法，只会css3，我脑袋里有面试前总结的垂直居中和水平居中其中的两种方式，我就给他讲了一讲，倒是他没有再问下去，可能看出来我不会了吧。这也体现出了面试前知识点总结复习的重要性，不然你不会的东西你连说都不会说。

2.使用Float进行布局容易产生什么问题？解决方式呢？

• 子元素在设置 float 后会脱离文档流，造成父元素高度塌陷
• 解决方式：
  父元素设置高度
  清除浮动

<div class="outter">
   <div class="inner"></div>
   <div style="clear: both;"></div>
</div>

// test.css
.outter {
    width:200px; background:#