前言
求职季又到了，最近也面试了不少web开发同学，本文也希望对正在找工作的同学有所帮助吧。请大家见谅哈。后面会持续更新，欢迎点赞~~~
“我自己是一名从事了6年web前端开发的老程序员（我的微信：web-xxq），今年年初我花了一个月整理了一份最适合2019年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者聚集地，欢迎初学和进阶中的小伙伴（所有前端教程关注我的微信公众号：web前端学习圈，关注后回复“2020”即可领取）。
职位分析
当我们收到一份面试邀请时，我们可以对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分析出不同的面试点，后面会用一些题目和或者资料来说出我对于这些考点的理解。希望大家都能找到理想的工作。
