大家看我之前总结了很多关于web前端的面试题，我是真心想帮助web前端的开发工程师可以找到工作，马上就2019年的年底了，肯定还有找工作的小伙伴，那么是否可以顺利在年底之前找到工作呢？我来帮助你，我来告诉你面试前的准备，面试的技巧，面试题都有哪些，另外如果你身边的人找工作，你也可以把文章分享给他，咱们一起帮助更多的人。
说起找工作就是很心酸的事情，面试过程大家都经历过。东跑西跑，来回找公司面试，不是没结果就是面试成功，剩下的干脆面试完连面试结果都不知道，这是为什么呢？我给大家一一来分析和总结一下，希望大家在2019年的年底都可以找到工作。
一、面试环节整理
准备简历==》接到面试电话邀请===》确定面试地点和时间===》进入面试公司===》填写表单申请===》HR接待假模假式的嘘寒问暖一番===》HR拿过来面试题===》答题完毕告诉HR===》面试官开始面试（自我介绍和项目介绍以及面试官要问的问题）===》over【一切完毕】。
知道了面试环节以后，那么我们可以把面试分为：面试前、面试中、面试后
二、面试前
1.简历准备
简历准备我想问一下，大家觉得什么样的简历好？你需要突出什么重点？
我相信大家肯定有大概率的答案，简历写的越多越详细越好，包括项目经验，就算没有项目经验，包装也要包装。
突出什么重点？面试官关系我们的喜好，爱好，和家庭成员等等吗？其实不怎么关系，他肯定最关系的是你可以不可以干活对吗？所以简历的介绍顺序也要有很清楚的认识。
给大家看一下我的学生的简历：（大家可以参考）
马圣杰 求职意向： web前端工程师
地点：北京
Tel：xxx
邮箱：xxx
个人技能：
1\. 在公司项目中pc端页面制作采用html+css来完成，响应式采用media和bootstrap来完成，包括响应式图片，响应式组件等操作，有效的引入第三方css文件来解决统一浏览器标准的问题，熟练解决各种兼容问题；
2\. 在公司里做项目采用CSS预处理器LESS或者SCSS进行项目样式单元的开发(normailz.css)；
3\. 在工作中熟练使用HTML5以及CSS3技术对于移动网站布局,并且熟练使用解决移动端各种工作问题和移动设备显示问题的hotcss进行网站开发；
4\. 在工作中经常使用各种插件比如swiper,owlCarousel等等；
5\. 在公司的项目管理方面我们采用git 版本管理工具，利用 gitHub 进行团队协作开发，提高工作效率,掌采用grunt 压缩工具，bower,和yeoman工 ；
6\. 随着web技术发展，在工作中使用过Es6中的语法，比如:字符串扩展,函数扩展,数组扩展和解构解析等等；
7\. 在项目中pc端网页特效采用 Jquery 库，或者依赖于jquery的插件，移动端特效zepto.js比较完美；
8\. 在工作中经常使用jquery中的$.ajax进行数据的交互和逻辑判断；
9\. 在这几年里前端开发经验里基本的 SEO知识；
10\. 在项目中能够熟练使用各种框架及插件。例如：Element-UI 、Mint-UI 、Mui 、Bootstrap，Swiper 、owlCarousel 、Iscroll等等；
11\. 在项目中熟练运用微信小程序的开发
12\. 在工作中经常和后台人员配合来完成接口，并且使用fetch（或者axios 、ajax 、原生js）调用接口拿到数据,实现数据渲染和逻辑判断，验证等操作 , promise用来数据的异步处理;
13\. 使用 过Node.js 的 express 框架完成常见的 业务逻辑，能链接 mysql 数据库能编写 sql 的增删改查；
14\. 了解PHP、Node.js等后台语言,可以良好的完成前后台交互；
15\. 熟悉各种图表插件，如 Echarts 等，轻松实现饼图、柱状图等常见图表 ;
16\. 在工作中使用vue2版本进行项目开发，公司项目基于webpack开发，使用vue-cli脚手架搭建项目,页面跳转使用vue-router进行单页面spa应用,采用组件式开发多模板开发形式,使用fetch,axios实现页面交互,利用vue生命周期赋值，使用mock数据进行数据模拟，大量使用es6语法使用babel进行语法转换编译，使用promise进行数据异步处理，使用vuex进行项目状态管理，实现数据调用统一化标准。Vue2中使用Mint-UI和Element-UI针对于pc或者移动实现快速开发 ；
17\. 我在项目中移动端混合开发时的大致流程：mui+html5plus，使用mui快速搭建移动端项目，以及页面效果(组件)实现，使用html5plus实现设备调取（摄像头，电话,扫一扫，地理定位，相册，加速度传感器，访问麦克风，通讯录，手机的设备信息及配置，发邮件，支付…等等），使用 HBuilder 内置工具打包多端项目（ios,Android，原生）；
18\. 曾经使用微信小程序开发项目：全局app的配置,底部tabbar添加，pages多页面添加，页面跳转（wx.navigateTo）、template来定义模板实现复用 ，wx.request使用小程序交互页面数据的渲染和逻辑判断。测试阶段交互url定义在glabolData中。使用框架生命周期进行数据正确赋值 ；
19\. 对Photoshop、WebStrom、Sublime、HBuilder、Atom、Adobe Dreamweaver、Brackets FSCapture等一些前端工具能够熟悉使用；
20\. 有比较良好的沟通协作能力，拥有团队协作精神，严谨、踏实的工作态度；
工作经验
2016.9-2017.12 北京易驰互联科技有限公司 前端开发兼经理助理
● 负责公司网页布局，利用bootstrap做响应式。
● 使用vue2.x组织网站项目结构,基于webpack开发项目，组件式开发，路由的传值，钩子函数的使用。Npmjs引入第三方库，bootstrap,jquery等等。
● 解决网页在各大主流浏览器中的兼容问题。
● 负责网站的网页进行跳转链接，使用ajax、fetch、axios调取数据，实现前后台交互。
● 负责网页导航栏的效果实现，网页内容的整体布局、优化，实现网页搜索功能的实现。
● 根据项目要求，团队合作按时完成网站的开发、优化等。
● 对项目中BUG进行测试、分析、修改。
● 团队的沟通不足，导致后期进行网页的整合拼接出现漏洞，后经修复，才得以上线，所有沟通不到位是不可行的
2015.10-2016.7 三智慧通(北京)科技有限公司 前端开发
● 与UI设计人员做好充分沟通，确保网页特效的完美呈现。
● 负责web前端页面开发，与服务端后台开发人员配合进行数据展现运用rem弹性盒子媒体查询来完成移动端项目和响应式网站兼容各大浏览器;运用JS、Jquery等前端框架编写动态效果。
● AngularJs实现双向数据绑定;运用Ajax调取数据与后台交互。
● 运用Grunt自动化构建工具。
● 运用Git进行多人协同开发项目。
2015.3-2015.9 山西绿风电子商务有限公司 前端开发
● 配合 UI 人员完成效果的编写；并且根据 psd 或 App 原型，给出最优的前端解决方案，进行
前端模块化，以及代码规范等。
● 实现网站页面排版以及特效（JS、jQuery）效果。
● 设计及实现前后端的数据交互，对代码质量及进度负责。
● 对完成的页面进行维护和对网站前端性能做相应的优化。
● 对前端技术问题进行分析诊断，并提出解决方案。
项目经验：
响应式开发： 潮水、易驰Eb 、E-SHOPPER …（兼容PC端，iPad端，移动端）
● 负责该项目页面的排版、更新，其中涉及到：bootstrap框架的使用（效率快） 、插件swiper 、normalize.css的引入（统一规范标准）、iconfont字体的引入 、picturefill.js的引用（图片的兼容）、移动端hotcss的引用 、JQuery效果的加注 、$.ajax的后台数据渲染 ；
● 为网站的页面提供持续优化方案，前端兼容性代码调试；
● 通过媒体查询调整各 pc 端和移动端适配问题，以及测试页面，优化代码，解决部分用户体
验的 BUG，以达到最佳的用户体验；
● 使用 git 进行版本控制管理，使用 webpack 压缩代码。
移动端开发： 知吃氏 、好融金融 、闪电贷 、艾宝欣 、医药 ...（移动端）
● 在开发该项目中涉及到 html5+CSS，rem单位以及新老弹性盒的运用，解决多端适配使用（hotcss可以），less/sass预处理器的使用 ，html5plus的设备调用；
● 在效果方面我们采用zepto、swiper、iscroll ；
● Mui、 mint-UI、Element-UI等等框架的调用（带来的效果不言而喻）；
● 常用到$.ajax、XMLHTTPRequset（js原生） 、fetch 、axios调取数据进行渲染；
● 以上【艾宝欣】项目采用微信小程序：全局app的配置,底部tabbar添加，pages多页面添加，页面跳转（wx.navgarto）、template来定义模板实现复用 ，wx.rexxx使用小程序交互页面数据的渲染和逻辑判断。测试阶段交互url定义在glabolData中。使用框架生命周期进行数据正确赋值；
● 上述【医药】该项目使用vue2版本开发，基于webpack开发，使用vue-cli脚手架搭建项目,页面跳转使用vue-router进行单页面spa应用,采用组件式开发多模板开发形式,使用fetch,axios实现页面交互,利用vue生命周期赋值，使用mock数据进行数据模拟，大量使用es6语法使用babel进行语法转换编译，使用promise进行数据异步处理，使用vuex进行项目状态管理，实现数据调用统一化标准。
● 利用git、grunt完成上线前版本管理及打包压缩工具；
PC端开发： 万商贷、利金行 、 赛会 、爱燕子 …（PC端）
● 利用HTML+CSS（less和sass预处理器）配合bootstrap进行高质量的页面编写，实现页面布局的重构及优化，通过JQuery实现动态效果；
● 使用ajax 实现前后台的数据交互、渲染和逻辑判断；，
● 利用jQuery第三方插件时间页面动态效果将产品直接呈现在用户眼前；
● 通过正则验证配合调取后台数据进行匹配；
教育背景
2011.09-2015.7 山西工商学院 本科 计算机与科学技术
自我评价
为人真诚，谦虚好学，乐观开朗，能很好地处理人际关系，遇到问题不抱怨而是用行动去解决，有较强的责任心和团队合作精神；对自己要求严格，做事情讲究高质量；热衷于网页设计；服从安排，肯吃苦耐劳。在工作中，团队协作能力强具有较强的亲和力，协调沟通能力强，能够建立良好的合作氛围和客户关系。
2.自我介绍准备
自我介绍是要体现出来什么呢？是不是你这个人做了哪些项目？其实自我介绍不如直接改成项目介绍，大家这里重点自己比较牛的经历和做项目的过程和细节。千万别自我介绍不到1分钟就说完了，你可以想一下，如果自我介绍不到1分钟是不是我会觉得你这个人特别简单，没什么东西？所以自我介绍我建议大家准备5-15分钟的话术，可以提前写出来读一读，当然面试过程中不用说那么长时间，但是你要准备那么长时间，这个不用解释吧，台上一分钟台下十年功。
3.面试题准备
面试题准备这一块是必须的，就跟考试一样，如果你都知道考什么了，或者划一个重点的话，是不是特别好考？对的没错，所以一定要多看面试题，我在之前的文章整理了好多面试题html，css，移动端，兼容问题，vue，等等等等了，手都写烂了，大家一起要看。当然最少配合视频讲解，我这里打个广告，提供一个链接，大家可以学习，当然你也可以不学习，完全看你自己。
前端面试求职跳槽通关指南：https://www.3mooc.com/front/learning/routesecond?subjectid=1232
三、面试中
面试中可能会遇到很多突发事件，比如有些面试题不会了怎么办？等等吧，那么咱们是否可以形成一个面试联盟，当然我有这样的学生群，如果有一个人去面试碰到不会的题直接发出来，就会有群里的小伙伴进行回答，那么这样的话是不是很多人在帮助你，你并不孤独呢！
四、面试后
面试后不管面试结果什么样，咱们都要做复盘，面试不行？哪里出问题了，是不是应该进行一个复盘，这个复盘是当局者迷，那么我是不迷的，所以大家面试都可以找我，我来帮助大家。
当然这里再说一下，也是我之前很生气的地方，大家面试完以后，如果面试官说你回去等通知吧，“我会在几月几号的几点告诉你面试结果”，那么如果当天没有打电话，咱们作为面试者是不是可以打过去电话问问呢？反正跑都跑去面试了，那么远，干嘛不打个电话几分钟都事情做一个了解呢？
最后：我说了这么多，我想帮助很多web前端面试者成功就业，当然我个人也有一些渠道，可以帮助更多的人，我已经差不多帮助了2万多学生就业了，这里也包含我的学生。如果有各种问题，欢迎大家评论留言或者联系我，咱们一起来讨论一下。最后祝福大家在2019年的年底都可以找到很好的工作，顺利就业，加油！
给大家看看我辅导的学生就业吧（一俩个就好了，其他的我也没截图）。