为了圆大厂梦，一年半前端人的求职路

个人经历

2018.9开始实习，2019.7毕业于某二本。老东家前端团队100人左右，社招基本不算实习经验，算是一年半经验出去战斗。

从2018.9年实习 -> 2019.7转正 -> 2021.3离职，在这一年半时间里，写了很久的相似业务，感觉对自己的成长来说，帮助很小。一直是vue，一直是toB，一直都是his系统。近一年以来，基本也是自己在负责两个项目，很想和别人一起做项目，学习大佬的姿势。也很想做做其他的产品，或者toC等等，想让自己能接触更多的东西。打听了有赞技术挺强，用的也是大厂偏爱的React，自己想转这方面的，也是为了一个大厂梦，所以自己需要做出一些改变。再加上结婚和买房，现在的房价又不低，必须得去奋斗，说白了还是缺钱。提离职之前也大概了解了老东家的涨幅，下家给的翻倍，没办法拒绝。也是为了提高自己的base，为以后做做准备。

我前前后后面试了微点、涂鸦、海康、端点、有赞和字节跳动这6家公司，大概讲讲面试的情况和结果：

1、微点(offer)

出去面试的第一家，3轮技术+一轮hr，给的薪资还可以，其他年终1-3个月，单休+五险一金最低，自己就不考虑了

2、涂鸦(现场挂)

信心满满的去现场面，被锤了一顿。次要原因是：我给的pdf简历，重点的地方用其他颜色标记了。结果涂鸦hr打印出来的简历这些标重点的都没了。面试官也很无奈，只能拣其他能看见的关键字问，我又不太熟，就只能GG了。给自己的打击挺大的。。。主要原因还是自己菜

3、海康(一面20mins挂)

一面二十多分钟，然后给我挂了

4、端点(offer)

一面电话，二面现场，三面HR电话。技术栈react，前端七八十人左右，给的薪资也还行，听说那边90%是3个月年终，本来是要去的，后面有了有赞的offer

5、有赞(offer)

前后大概一周，年前最后一个工作日收到offer，自己提了离职

6、字节跳动（一面1h20mins挂）

年前拿了有赞的offer，准备去了。可惜的时候没有面过大厂。快到离职日期的时候，朋友帮我内推了一下字节，带着试一试的心态，距离上一次面试已经一个月了，简单准备了一下。一面1h20min，个人感觉没有想象的那么难，编程题没做好，是自己的问题，再加油吧。

整理总结了下前端面试的问题和答案，希望自己绵薄之力能帮助到大家，在金三银四之际，找到一份称心如意的工作。

HTML

1.你是怎么理解HTML语义化
2.你用过哪些HTML5标签
3.metaviewport是做什么用的，怎么写？
4.H5是什么
5.label标签的作用
6.行内元素有哪些？块级元素有哪些？空(void)元素有那些？
7.a标签中如何禁用href跳转页面或定位链接
8.canvas在标签上设置宽高和在style中设置宽高有什么区别
9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
10.iframe有哪些缺点？
11.HTML5新特性
12.HTML5离线储存
13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
14.Doctype作用?严格模式与混杂模式如何区分？它们有何意义?
15.HTML与XHTML——二者有什么区别

CSS

1.页面渲染时，dom元素所采用的布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：
2.几种获得宽高的方式
3.边距重叠解决方案(BFC)BFC原理
4.拓展各种获得宽高的方式
5.边距重叠解决方案（BFC）BFC原理
6.css reset和normalize有什么区别
7.居中方法
8.介绍一下CSS的盒子模型
9.CSS选择符有哪些？
10.CSS3新增伪类有哪些
11.什么是cssHACK？
12.Less/Sass/Scss的区别
13请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？

JavaScript

1.请你谈谈Cookie的优缺点
2.Array.prototype.slice.call(arr，2)方法的作用是
3.以下代码执行后，控制台的输出是
4.简单说一下浏览器本地存储是怎样的
5.原型/构造函数/实例
6.原型链
7.执行上下文(EC）
8.变量对象
9.作用域链
10.闭包
11.对象的拷贝
12.new运算符的执行过程
13.instanceof原理
14.代码的复用

浏览器

1.跨标签页通讯
2.浏览器架构
3.浏览器下事件循环(EventLoop)
4.从输入url到展示的过程
5.重绘与回流
6.存储
7.WebWorker
8.V8垃圾回收机制
9.内存泄露
10.reflow(回流)和repaint(重绘)优化

服务端与网络

1.http/https协议
2.常见状态码
3.get/post
4.Websocket
5.TCP三次握手
6.TCP四次挥手
7.Node的EventLoop:6个阶段
8.URL概述
9.安全
10.HTTPS和HTTP的区别

VUE

1.vue.js的两个核心是什么？
2.vue的双向绑定的原理是什么?
3.vue生命周期钩子函数有哪些？
4.请问v-if和v-show有什么区别？
5.vue常用的修饰符
6.什么是vue生命周期
7.数据响应(数据劫持）
8.virtualdom原理实现
9.Proxy相比于defineProperty的优势
10.vue中key值的作用

算法

1.五大算法
2.基础排序算法
3.高级排序算法
4.递归运用(斐波那契数列)：爬楼梯问题
5.数据树
6.天平找次品

对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，我们要做的去适应环境，不要想着环境来适应我们。这段的面试经历学到很多，但面试问来问去还是这些知识内容，所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。所有，出去面试时先看看自己复习到了哪个阶段就好。

由于篇幅有限，只是以图片的形式给大家展示一部分，前端面试题pdf内容太多了，有需要资料的可以点击这里，免费获取文章中所有前端面试资料完整版的PDF文档。