“寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）

前言

跳槽是每一个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章仍是无心中浏览到的这篇文章，但愿你没有白白浪费停留在这里的时间，能给你接下来或者之后的笔试面试带来一些帮助。

2019也许是互联网将来10年中最好的一年。WINTER IS COMING。可是若是你不真正的本身去尝试尝试，你永远不知道市面上的行情如何。此次找工做下来，我自身感受市场并无那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给本身，也但愿能帮助到须要的同窗。

往期

---

1. “寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）之CSS篇
2. “寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）之手写题（一）
3. “寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）之手写题（二）
4. “寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）之手写题（promise篇）

---

面试准备

面试准备根据每一个人掌握的知识不一样，准备的时间也不同。如今对于前端岗位，之前也许不是很重视算法这块，可是如今不少公司也都会考。建议你们平时有空的时候多刷刷leetcode。算法的准备时间比较长，是一个长期的过程。须要在掌握了大部分前端基础知识的状况下，再有针对性的去复习算法。面试的时候算法能作出来确定加分，但作不出来也不会一票否决，面试官也会给你提供一些思路。

笔试题

笔试题通常考的都是基础知识，复习基础知识建议看书，高程和你不知道的JS都行，会讲的比较细。

CSS

css基本上每一个公司也都会问，可是问的不会很深，都是一些常见的问题。

• 盒模型
• 垂直居中方法
• 三栏布局
• 选择器权重计算方式
• 清除浮动的方法
• flex
• 什么是BFC、能够解决哪些问题
• position属性
• 如何实现一个自适应的正方形
• 如何用css实现一个三角形

手写题

手写题每一个公司都会有，范围也比较固定，若是以前好好准备的话，应该没什么问题。

• 防抖和节流
• 深拷贝
• 数组去重、数组乱序
• 手写call、apply、bind
• 继承（ES5/ES6）
• sleep函数
• 实现promise
• 实现promise.all
• 实现promise.retry
• 将一个同步callback包装成promise形式
• 写一个函数，能够控制最大并发数
• jsonp的实现
• eventEmitter(emit,on,off,once)
• 实现instanceof
• 实现new
• 实现数组flat、filter等方法
• lazyMan
• 函数currying

ES6

如今基本上都会使用ES6开发。ES6也成为了一个面试必考点。通常面试官都会问用过ES6的哪些新特性，再针对你所回答的进行深刻的提问。

• let、const、var区别
• 箭头函数与普通函数的区别
• 变量的结构赋值
• promise、async await、Generator的区别
• ES6的继承与ES5相比有什么不一样
• js模块化（commonjs/AMD/CMD/ES6）

浏览器相关知识

浏览器相关知识几乎是每一个公司都会问到的考点，里面涉及的东西也比较多。其中缓存、http二、跨域必问。

• 从输入URL到呈现页面过程
• 强缓存、协商缓存、CDN缓存
• HTTP2
• HTTP状态码
• 三次握手与四次挥手
• 跨域（JSONP/CORS）
• 跨域时如何处理cookie
• 垃圾回收机制

web安全

通常我都会从xss和csrf提及。

• https
• 什么是xss，如何预防
• 什么是csrf，如何预防
• 为何会形成csrf攻击

事件循环

事件循环绝对是一个必考题。其中涉及到宏任务、微任务、UI渲染等的执行顺序，浏览器端的必需要掌握，node端的有精力的最好也能掌握。

框架（vue）

由于我一直用的都是vue框架，因此问的也都是跟vue相关的。vue中的高频题也不外乎双向绑定、虚拟dom、diff算法这些。

• watch与computed的区别
• vue生命周期及对应的行为
• vue父子组件生命周期执行顺序
• 组件间通信方法
• 如何实现一个指令
• vue.nextTick实现原理
• diff算法
• 如何作到的双向绑定
• 虚拟dom为何快
• 如何设计一个组件

webpack

webpack也基本上成了必考的内容，通常会问是否配置过webpack、作过哪些优化之类的。

• 用过哪些loader和plugin
• loader的执行顺序为何是后写的先执行
• webpack配置优化
• webpack打包优化（happypack、dll）
• plugin与loader的区别
• webpack执行的过程
• 如何编写一个loader、plugin
• tree-shaking做用，如何才能生效

性能优化

• 首屏加载如何优化
• 一个网页从请求到呈现花了很长时间，如何排查

由于以前的经历大部分都集中在PC端，因此移动端的经验比较少。面试官也不会一直问你移动端的东西，问也就问一些常见的问题，好比1px问题、如何适配等。react用的也很少，问的也很少，也就会问问react与vue的对比之类的问题。

基本的问题过了以后，有的面试官还喜欢问一些开放性的问题。好比平时都是如何学习的、最近了解了什么新技术、将来的职业规划、为了达到这个目标目前作了什么努力等等。

总结的基本上就是这么多了，上面问题的答案我也会陆续给出，给你们一个参考。 最后预祝看了此篇文章的小伙伴们都能收获多多的offer，找到本身满意的工做~