这篇文章简单总结下2018年内我的一些前端面试经历，在这简单分享一下，希望对大家有所启发。

楼主在深圳，毕业两年。面的主要是深圳的几家公司。

包括: 腾讯， 蚂蚁金服， Lazada， Shopee, 有赞 等。

楼主在准备面试前，想着复习一下，但是前端的范围实在太大，后来决定找两个肉鸡公司试一下水，面试之后，大概心里有个底。

最后楼主也拿到了 阿里, Shopee 等几个不错的 offer.

下面就根据上面几家大厂的面试情况，和自己搜集到的一些信息，总结分享给大家。

自我介绍

简单介绍一下就好，适可而止。面试官就是想看看简历先，让你先说一会儿。

技术一面

一面主要考察基础，有些会有技术笔试，比如腾讯， Shopee。

Shopee 有现场的编码题，难度不大，要注意细节。

腾讯的技术笔试非常基础，两张纸，一般二十分钟就做完了，主要考察一些js基础，包括但不限于：

CSS
- 盒子模型
- BFC，Flex
变量类型
- JS 的数据类型分类和判断
- 值类型和引用类型
原型与原型链
- 原型和原型链定义
- 继承
作用域和闭包
- 执行上下文
- this
- 闭包
性能问题
- 比如为什么要用事件委托，原理是上面
- 为什么Dom 操作就慢了，解释一下
看程序写输出
框架相关
- 简历上没写就不问，写了你要答出个所以然，原理什么的要清楚，仅仅会用API是不行的。

都是一些很基础的考察，但是如果写错太多，也很容易就凉了。

一般是根据你做题的情况，和你说的一些，针对性的提问, 懂套路的同学可以在这一步上，准备一些关键词，并做好准备工作。

几乎没遇到问框架的，但是基础的原理是要懂的。

一些发散性问题

事件循环， Promise, setTimeout/setInterval， React setState 是如何实现的，原理等。
Vue defineReactive 方法是如何实现全局状态更新的，依赖是如何收集的。
语言的词法分析和语法分析和浏览器的html parse 有什么区别，浏览器具体是如何解析的，为什么标签不闭合浏览器也能正常处理，能怎么实现，
C++ 里没有settimeout, 既然没有，要实现的话，用线程如何实现。
Html5 新特性
requestAnimationFrame 是做什么的，如果写个 Node.js 的C++ 扩展，怎么去优化requestAnimationFrame ？
Dns 具体是如何解析的？
1 有没有 toString, Number(1) 有没有， '1' 有没有，为什么
react diff
虚拟DOM
react 新旧生命周期
为啥有新生命周期，这两个可以参考我的另一篇文章中，关于 Fiber 和生命周期的介绍
事件传播
Event loop
Obj getter setter

技术二面

一面完了之后，会有相应的评价，二面面试官会针对性的考察。

腾讯的面试官就很喜欢问 HTTP(1.x, 2.0， HTTPS), 安全， 浏览器缓存 方面的问题，计算机基础，但是要懂为什么。

比如：

HTTP 有什么缺点
HTTP2 有什么好处
HTTPS 有什么好处，有什么缺点，为什么。
TCP, UDP 的区别
为什么说HTTPS 是安全的，解释一下加密过程（就非对称加密，密钥交换那一套）。
三次握手的过程，为什么握手三次, 为什么挥手四次
安全相关（XSS & CSRF） (高频)
浏览器缓存策略（高频）
缓存头相关
浏览器 Cookie 相关。
常见的跨域问题及解决方案
常见的安全问题(csrf，点击劫持，等等)
输入URL 到页面展示发生了什么（超高频）
性能优化策略（结合上一条， 高频）。
基础的数据结构和算法(比如快排，merge sort， N sum, Top N 等，手写代码）
事件循环原理，看题写输出，解释一下。
一些常用的方法，比如debounce, throttle, new, create, bind 的实现。
promise, 异步的处理。
基础的算法和数据结构（Tree, BFS, DFS)

技术三面(腾讯交叉面)

一般都是没有三面的，腾讯才有，具体的套路和前面差不多。前面两轮你都能的话，这个就不用怕， 复盘下前面的面试情况，准备好再去，有备无患，就稳。

楼主的遇到的问题大概是：

- 简单自我介绍
- 问你做的项目
- 遇到什么问题
- 排查问题的方法
- Https 的优势
- Https 连接的过程（证书， 非对称加密的过程，加密算法等）

总监面

一般到了这里就问题不大了，当然也有翻车的。这一步主要就是看：

问项目
- 做了什么
- 哪些地方比较出彩，有什么成果
- 这里我建议实现画个思维导图来梳理，有计划的突出重点，自己做的好的，多做准备。
看你的沟通能力
有些会问你一些智力题，也有人回问数学题（比如矩阵乘法）等，考察是否聪明.
会python 吗？（腾讯）
简述Https 连接的过程（还是非对称加密那一套的流程）（腾讯）

这一步，总监觉得你OK，就会放你到HR。

HR 面

这一步，如果是正常的HR，会问你：

过去的一些经历，做过啥
为什么离职 (权衡稳定性)
对工资的期望
- 这一步不要虚，毕竟你都走到这了，怕啥。这里谈钱不伤感情， 千万不要：
  - 不要急于出价
    - 可以先套路一波
  - 给你多少就要多少
    - 一旦你说出一个薪酬范围，自己就不能增加薪酬了
  - 谈一次被打击一次，最后越来越没有底气。
    - 自信一些，此条面对阿里的HR时，请自行斟酌。
- 也不要漫天要价，自己值多少钱，心里（能没个B数？）要有点数，不知道的，要去脉脉上问下。可以适当加多点：
  - 一方面是留点砍价的空间
  - 另一方面，万一HR就答应了呢，那不就美滋滋。
  - 对于已经谈拢的薪酬待遇，一定要 HR 以发邮件 offer 的形式来确认。
  - 你前面拿的一些肉鸡公司的offer 可以作为加价的筹码，不要扔了。

补充

持续学习
- 面试官还会看你平时的积累，比如技术博客有没有常更新，写的都是啥，持续学习很重要。
关注下产品
- 前端是有义务参与产品的设计的。
关注下业务
- 阿里的leader 会考察你对产品和业务的了解情况。
- 技术特别牛逼的，自行斟酌。
- 要有某个突出的点（或技术，或产品，或对业务的理解）。

最后

大概就是这些吧，有需要面试的朋友可以参考一下，文中的题目，答案我还在整理，后面会慢慢写出来。希望对能给有需要的朋友带来一些帮助 :)

END.

如果觉得内容有帮助可以关注下我的公众号「 前端e进阶 」，一起学习成长

scaukk

2018年, 我的前端面试复盘