Web培训
400-996-5531
Web前端面试前需要做的面试准备有哪些
今天小编要跟大家分享的文章是关于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培训官网，最后希望大家都能找到理想的工作。
文章来源：原创 Tobyzzz 前端30K
【免责声明：本文图片及文字信息均由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】
预约申请免费试听课
填写下面表单即可预约申请免费试听！ 怕学不会？助教全程陪读，随时解惑！担心就业？一地学习，可全国推荐就业！
上一篇：2020年前端面试题汇总之概念
Copyright © Tedu.cn All Rights Reserved 京ICP备08000853号-56 
京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有