四月底从上家公司离职，五月六月陆陆续续面试了十几家公司，也拿到了几个offer。总体来说大环境和就业形势还是比较不乐观的，面试的人多，而招的人少，对前端的的要求也比以往要高，这些先不具体讨论，这里主要将各个公司面试时考察的技术点做一个归纳总结，方便大家面试时作为参考，也进一步巩固基础，查漏补缺。

【前端基础】

JS

1. js 事件循环（宏任务、微任务、setTimeout）
2. js 作用域、作用域链
3. 闭包
4. This 指向问题
5. new 操作具体做了哪些事情
6. 开发中用到了 ES6 的哪些新特性
7. js 实现继承的方式
8. 比较熟悉的设计模式
9. 数组去重
10. 事件冒泡和事件捕获

CSS

1. BFC 的含义、特点和用途
2. Flex 布局（水平垂直居中等）
3. 项目中如何实现适配（设备字体、元素尺寸等）
4. margin 外边距折叠问题

React 和 Vue 框架

1. React 和 Vue 的异同，项目开发中如何选择
2. React 生命周期
3. React16 的新特性
4. Hooks 解决了什么问题
5. setState 后发生了什么
6. React 开发中的性能优化
7. Virtual Dom 和 Diff 的原理
8. PureComponent 是什么，相比于 class Component 做了什么优化
9. 无状态组件和 class 组件的区别，实践中如何应用
10. 容器组件和展示组件
11. 高阶组件
12. 组件通信的方式
13. 用过哪些状态管理工具（Redux、Redux-Saga、Mobx、Dva）
14. Vue 数据绑定的原理

HTTP 和 浏览器原理

1. 浏览器输入 url 到呈现出内容发生了什么
2. 浏览器渲染的过程
3. 如何解决跨域问题
4. 重绘和重排
5. 浏览器如何实现缓存（强缓存和协商缓存）
6. 前端存储技术（cookie、session、localStorage、sessionStorage）
7. HTTP2.0 相比于 HTTP1.0 做了哪些优化
8. 常见 HTTP 状态码（200，302，304，307）
9. 报文的内容

性能优化

1. 前端如何做性能优化
2. 开发中遇到过哪些想能问题，如何解决

Webpack

1. webpack 中常用的配置有哪些
2. 是否自己实现过插件
3. loader 和 plugin 分别做了什么事情
4. 项目开发中使用 webpack 对代码做了哪些优化

【其他技术点】

1. 图片懒加载
2. 链表
3. 排序算法
4. 大数渲染
5. 正则表达式
6. promise
7. async await 实现原理
8. Css 如何画一个三角形
9. react 如何实现 alert
10. 如何实现 bind
11. 移动端适配方案
12. 服务器渲染

【项目相关】

1. 项目中用过 TypeScript 吗
2. 如何通过代码记录线上出现的问题
3. 在项目中担任怎样的角色
4. 项目是如何推进落地的（从确定产品需求到最后开发上线的整个过程）
5. 介绍一个自己比较有成就感的项目
6. 项目中遇到的问题都是如何解决的
7. 如何学习一门新技术

【工作相关】

1. 如何看待加班
2. 自己目前处于怎样的一个阶段
3. 希望找一家怎样的公司
4. 职业规划

附：个人面试过的公司（在杭州求职的伙伴可以加微信或QQ：596291080 相互交流）

2018年：点我达、51 公积金、滴滴、微一案、个推、盈纳集团、得图网络、酷家乐、众安保险、网易金融、大搜车、未来酒店、CityDo、浙江华为、有赞

2019年：米雅、沃驰科技、天猫、小余教育、微拍堂、东家、微脉（求是同创）、腾展叮咚、格家网络、志奥信息、涂鸦智能、评师教育、光年实验室、推宝、兑吧、艾耕科技、凡声科技

其他前端面试题参考：

总结了17年初到18年初百场前端面试的面试经验(含答案)

前端九部 - 入门者手册2019

前端面试技巧