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

我的经历

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

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

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

一、微点(offer)

出去面试的第一家，3轮技术+一轮hr，给的薪资还能够，其余年终1-3个月，单休+五险一金最低，本身就不考虑了

二、涂鸦(现场挂)

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

三、海康(一面20mins挂)

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

四、端点(offer)

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

五、有赞(offer)

先后大概一周，年前最后一个工做日收到offer，本身提了离职

六、字节跳动（一面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.代码的复用
15.继承

浏览器

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文档。