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.一、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分析出不一样的面试点，后面会用一些题目和或者资料来讲出我对于这些考点的理解。但愿你们都能找到理想的工做。

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