2020前端面试，你准备好了吗？

前言

求职季又到了，最近也面试了不少web开发同学，本文也希望对正在找工作的同学有所帮助吧。请大家见谅哈。后面会持续更新，欢迎点赞~~~

职位分析

当我们收到一份面试邀请时，我们可以对jd做分析，看看工作的内容和具体的岗位要求，知己知彼百战百胜。在网上找了一份前端岗位的jd，假设我们接下来就要面试的就是这个岗位吧。

• 工作中有web和h5两种项目，并且需要对现有系统进行重构或则性能优化的改造，这里可能会涉及到h5开发中遇到的问题，对于前端模块化和组件化的理解，如何进行性能优化等；
• 需要有扎实的前端开发基础，包括JavaScript，Html5，Css3新特性；
• 有Node开发经验，例如能够写node代理服务，通过node操作数据库等；
• 对于Http协议和Web安全要掌握；
• 有Vue.js，React，Angular中的一个项目开发经验，并且熟悉底层原理实现；
• 软技能，包括浏览器的工作原理，Github加分项，Git加分项等。

技术栈准备

JavaScript基础

JavaScript基础可以推荐《JavaScript权威指南》、《你不知道的JavaScript》通读一两遍，可以好的梳理所学知识，知识点包括

• js类型、typeof、instanceof，类型转换
• 作用域与作用域链、变量提升
• js原型链、new、继承方式
• this指向、闭包、垃圾回收机制
• 事件队列、事件循环
• DOM对象
• 事件委托、DOM事件模型
• 原生ajax

Html5+CSS3

• html5新特性、语义化
• 浏览器渲染机制、重绘、重排
• css盒子模型、flex、动画
• css样式优先级
• BFC

Vue

这里只列举MVVM框架中的vue

vue基础

• vue生命周期、keep-alive
• computed与watch
• v-for中key的作用
• vue组件的通信方式
• 指令

vue底层原理

• 双向绑定实现原理
• v-model的实现
• nextTick的实现
• vnode的理解，compiler和patch的过程
• new Vue后整个的流程
• keep-alive的实现
• vuex、vue-router实现原理

Http

• http特性以及状态码
• http的三次握手
• http1.0、http1.1、http2.0的区别
• http如何实现缓存
• https的握手过程
• 输入url后http请求的完整过程
• get与post请求区别

web安全

• 理解xss，csrf，ddos攻击原理以及避免方式
• xss与csrf的区别

前端工程化

• webpack配置，webpack4.0有哪些优化点
• webpack如何实现代码分离
• 如何实现一个webpack loader
• npm包是如何实现按需引入
• 从0到1配置工程
• 前端模块化，CMD、AMD、CommonJS、ESM

前端性能优化

• 前端性能优化的几种方式
• 如何做性能优化上报
• 如何实现一个错误监控系统
• 什么是同源策略
• 前后端如何通信
• 跨域通信的几种方式

算法

• 排序

简历和自我介绍

简历一般包括个人信息，工作经历，技术栈，项目，github和开源项目等
一般面试官都会针对于你的面试简历来初步和你沟通，所以自己把握一个面试的沟通方向是很重要的，比如你对vue很了解，那可以多和面试官聊聊vue方面的事情，就是突出自己的优点，表现出自己自信的一面。

在回答问题的时候，整体方向要对，而且回答需要更加细致，多说一些细节，是加分项。在遇到自己无法回答的问题，其实可以表现出自己好学的态度，可以向面试官适时的问一些问题。

当遇到面试许多问题没有回答不上的时候，也知道自己可能通不过这次面试，但其实收获还是挺大的，可以向面试官问如何学习，要一些资料啊，加一下微信，我觉得都是可以的。

以上就是总结的面试前的准备考点，可以针对不同的jd分析出不同的面试点，后面会用一些题目和或者资料来说出我对于这些考点的理解。希望大家都能找到理想的工作。

可关注公众号，不定期更新哦~~第二篇正在写作中