三年经验前端开发面试总结

前言

跳槽是每个人在职业生涯中都必须经历的过程。无论你是搜索这篇文章还是无意中浏览这篇文章，我希望你不要在这里浪费时间，这会给你下次或将来的书面面试带来一些帮助。

2019年可能是互联网未来10年中最好的一年。冬天来了。但如果你不真正尝试，你永远不知道市场是什么样的。经过这次的求职，我觉得市场不是那么糟糕，我还得到了几家大工厂的录用。这是我的总结，我希望能帮助有需要的学生。

面试准备

面试准备是以每个人的知识为基础的，准备时间不同。现在对于前端工作来说，以前可能不太重视算法，但现在很多公司也会参加考试。我建议你空闲时多刷些利特码。准备算法需要很长时间。需要掌握大部分的前端基础知识，然后有针对性的对算法进行回顾。在面试过程中，算法肯定可以加分，但如果做不到，就不会一票否决。面试官也会给你一些建议。

笔试试题

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

CSS

基本上，每个公司都会问关于css的问题，但问题不是很深。这些都是常见的问题。

箱型

垂直中心法

三栏式布局

选择器权重计算方法

如何清除浮动

flex

什么是bfc，什么问题可以解决？

位置属性

如何实现自适应平方

如何用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）

浏览器相关知识

浏览器相关知识是几乎每个公司都会问的考点，涉及的东西很多。其中，cache、http2和跨域都是必须的。

从输入URL到呈现页面过程

强缓存、协商缓存、CDN缓存

HTTP2

HTTP状态码

三次握手与四次挥手

跨域（JSONP/CORS）

跨域时如何处理cookie

垃圾回收机制

网络安全

我通常从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，找到自己满意的工作~

相关知识

「职位对比」花儿绽放 前端开发工程师怎么样
响应式婚礼网站：前端开发实战指南
从前端到后端——完整的Web开发指南
快速上手web前端开发（超详细教程）
Python Web开发（详细教程）
web前端开发爱尚鲜花.rar资源
Vue.js实现动态图标渲染：前端开发中的创意实践
前端开发项目中使用字体库
HTML【鲜花商城网页设计期末课程大作业】 web前端开发技术 web课程设计 网页规划与设计
「大连花小堂鲜花专营店招聘信息」

网址: 三年经验前端开发面试总结 https://www.huajiangbk.com/newsview949344.html