为了圆大厂梦，一年半前端人的求职路（附面试题集锦）

个人经历
2021.9开始实习，2022.7毕业于某二本。老东家前端团队100人左右，社招基本不算实习经验，算是一年半经验出去战斗。
从2011.9年实习 -> 2022.7转正 -> 2023.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，个人感觉没有想象的那么难，编程题没做好，是自己的问题，再加油吧 。
整理总结了下前端面试的问题和答案，希望自己绵薄之力能帮助到大家，在金三银四之际，找到一份称心如意的工作。完整版前端面试题集锦，有需要的朋友可以戳此传送门即可获取完整版的 PDF 哦

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 哦
对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！面试问来问去还是这些知识内容，所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。所有，出去面试时先看看自己复习到了哪个阶段就好。