前端校招面试经验总结分享（字节、携程、美团等）

这里给大家分享一些前端面经干货，题目来源于一些上市企业或者一二线大厂的笔试和一二面，题目均由笔者通过笔试或者面试后单凭记忆的总结，可能会存在一些出入，有问题的地方欢迎评论指出。笔者由于是一个应届生，技术栈也不丰富，在这里不做题目详解了，只提供问题供大家参考，喜欢的可以收藏学习哟。

1.公司一（上市公司）

1.清除浮动的方式
2.如何做移动端适配
3.代码的执行顺序题目（eventLoop）
4.事件委托
5.深克隆和浅克隆区别、如何实现一个深克隆
6.如何改变this指向，call、bind、apply区别、手写实现call
7.一个new发生了哪些过程
8.vue的生命周期
9.css有哪些选择权、优先级如何判断
10.es6有哪些新特性、简述promise工作过程，与async await区别和联系。

2.公司二（上市公司）

1.浏览器输入地址到渲染过程经历了什么
2.常用的布局方式
3.如何做移动端适配，rem和em、vh和vw的区别
4.对原型链的理解
5.ES6学过的新特性,抓重点说(比如介绍结构赋值、promise、Set和Map、Generator、proxy等)
6.类型检测的方法
7.typeof是怎么检测类型的，其检测类型的种类有哪些
8.谈谈你对flex布局的理解，你是如何进行应用的。
9.instanceof原理
10.null和undefined区别、== 和 === 区别和比较机制
11.Vue的生命周期，created和mounted区别
12.如果用Vue封装一个常用的组件，一般会用到哪些属性
13.git常用的指令有哪些

3.公司三（上市公司）

1.基本数据类型有哪些和如何进行类型检查
2.null和undefined区别
3.闭包，举例说明
4.清除浮动的方法
5.申明提升
6.盒子模型
7.Vue的生命周期
8.Vue的通信方式
9.Vue实现数据双向绑定的原理

4.公司四（二线大厂）

1.js原型链的理解
2.深拷贝和浅拷贝，写一个深拷贝
3.闭包的理解
4.UDP和TCP区别
5.HTTP和HTTPS的区别，HTTPS如何进行加密的
6.介绍对称加密和非对称加密，优缺点
7.websocket的应用
8.new一个对象发生了什么，手写new
9.普通函数和箭头函数的区别
10.Call、bind、apply三者的区别(这里最好学会手写这几个方法)
11.eventLoop过程（代码执行顺序）
12.数组和链表的区别
13.栈和队列的区别，如何进行相互实现
14.二叉树遍历
15.深度优先和广度优先是什么，如何实现
16.常用的设计模式，手写单例模式、工厂模式、观察者模式
17.什么是hash表
18.常用的排序方法，结合其时间复杂度、空间复杂度和稳定度，实现一个快排序。
19.二分法的思想，时间复杂度为多少，如何设计二分查找

5.公司五（一线大厂）

1.文字居中、图片居中问题
2.常用的布局方式、介绍flex布局
3.模块化思想，ES6模块和common.js有什么区别
4.Vue如何实现双向绑定
5.Vue.set()的实现原理
6.虚拟dom的原理及其作用
7.事件委托，事件冒泡和捕获过程，默认是冒泡过程，如何改变其默认为捕获
8.ES6新增的属性及其应用，挑选几个重点
9.解决异步问题的方式，对promise理解，它与async await区别
10.重排和重绘，哪些改变会影响重排和重绘
11.Let、var、const区别，对作用域链的了解
12.!DocType的作用是什么，可以申明哪些内容
13.vue的生命周期，尽量说详细一些吧
14.js实现一个链表

6.公司六（一线大厂）

1.介绍浏览器缓存和http缓存，种类和过程。
2.解决跨域的方法，手写一个jsonp
3.基本类型和引用类型
4.数据类型检测的方法
5.eventLoop(代码执行顺序题)
6.document。querySelectorAll() 返回什么类型，如何进行遍历
7.什么是事件委托，target和currentTarget区别
8.线程和进程，线程与线程的通信方式，进程和进程之间的通信方式
9.Vue的computed和watch的区别
10.css水平垂直剧中
11.编程题：数组中每一项都是一个对象，其中包括自身的key和父节点的parrentKey，通过循环这个数组，把其变成一棵树

7.公司七（一线大厂）

1.BFC和IFC，BFC特性及如何触发
2.Vuex是什么，说说其原理
3.promise的实现原理，并用promise实现一个promise.all
4.axios拦截器的作用
5.ES6继承和普通继承的区别，如何实现一个类似于ES6继承的方法
6.XSS和CSRF攻击是什么，其攻击原理
7.如何考虑兼容性
8.proxy的原理及其应用场景
9.合并两个相似对象的方法
10.劫持对象的方法有哪些
11.html中body内只有一个div标签，其没有设置样式，它的宽高是多少?如果设置float呢。
12.实现一个深克隆
13.什么是闭包，闭包的应用场景。使用闭包内存泄漏了如何处理，闭包内部变量是如何存储的，如何进行消除。
14.TCP三次握手和四次挥手，TCP为什么是三次握手，不是两次握手？为什么是四次挥手不是三次或者两次呢？

上面介绍了面试的几个公司的题型，我根据这些题进行了分类和总结，并且生成了一个导图。如下图所示：

以上就是三月中旬到四月初过程面试的一些总结，希望能对您有帮助，喜欢收藏哟。
下面推荐一些前端常考手写代码题：
前端校招面试经验总结分享（编程题篇）