认识达内从这里开始

今天小编要跟大家分享的文章是关于Web前端面试前需要做的面试准备有哪些?准备参加web前端面试寻找web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。

一、职位分析

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

工作中有web和h5两种项目，并且需要对现有系统进行重构或者性能优化的改造，这里可能会涉及到h5开发中遇到的问题，对于前端模块化和组件化的理解，如何进行性能优化等;

需要有扎实的前端开发基础，包括JavaScript，Html5，Css3新特性;

有Node开发经验，例如能够写node代理服务，通过node操作数据库等;

对于Http协议和Web安全要掌握;

有Vue.js，React，Angular中的一个项目开发经验，并且熟悉底层原理实现;

软技能，包括浏览器的工作原理，Github加分项，Git加分项等。

二、技术栈准备

1、JavaScript基础

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

js类型、typeof、instanceof，类型转换

作用域与作用域链、变量提升

js原型链、new、继承方式

this指向、闭包、垃圾回收机制

事件队列、事件循环

DOM对象

事件委托、DOM事件模型

原生ajax

2、 Html5+CSS3

html5新特性、语义化

浏览器渲染机制、重绘、重排

css盒子模型、flex、动画

css样式优先级

BFC

3、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实现原理

4、Http

http特性以及状态码

http三次握手

http1.0、http1.1、http2.0的区别

http如何实现缓存

https的握手过程

输入url后http请求的完整过程

get与post请求区别

5、web安全

理解xss，csrf，ddos攻击原理以及避免方式

xss与csrf的区别

6、前端工程化

webpack配置，webpack4.0有哪些优化点

webpack如何实现代码分离

如何实现一个webpack loader

npm包是如何实现按需引入

从0到1配置工程

前端模块化，CMD、AMD、CommonJS、ESM

7、前端性能优化

前端性能优化的几种方式

如何做性能优化上报

如何实现一个错误监控系统

什么是同源策略

前后端如何通信

跨域通信的几种方式

8、算法

排序

三、简历和自我介绍

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

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

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

以上就是总结的面试前的准备考点，可以针对不同的jd分析出不同的面试点，后面会用一些题目和或者资料来说出我对于这些考点的理解。希望本篇文章能够对大家有所帮助，想要了解更多web前端面试知识记得关注达内web培训官网，最后希望大家都能找到理想的工作。