2019年末，web前端面试的你准备好了吗？

你们看我以前总结了不少关于web前端的面试题，我是真心想帮助web前端的开发工程师能够找到工做，立刻就2019年的年末了，确定还有找工做的小伙伴，那么是否能够顺利在年末以前找到工做呢？我来帮助你，我来告诉你面试前的准备，面试的技巧，面试题都有哪些，另外若是你身边的人找工做，你也能够把文章分享给他，我们一块儿帮助更多的人。

提及找工做就是很心酸的事情，面试过程你们都经历过。东跑西跑，来回找公司面试，不是没结果就是面试成功，剩下的干脆面试完连面试结果都不知道，这是为何呢？我给你们一一来分析和总结一下，但愿你们在2019年的年末均可以找到工做。

1、面试环节整理

准备简历==》接到面试电话邀请===》肯定面试地点和时间===》进入面试公司===》填写表单申请===》HR接待假模假式的嘘寒问暖一番===》HR拿过来面试题===》答题完毕告诉HR===》面试官开始面试（自我介绍和项目介绍以及面试官要问的问题）===》over【一切完毕】。

知道了面试环节之后，那么咱们能够把面试分为：面试前、面试中、面试后

2、面试前

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

3、面试中

面试中可能会遇到不少突发事件，好比有些面试题不会了怎么办？等等吧，那么我们是否能够造成一个面试联盟，固然我有这样的学生群，若是有一我的去面试碰到不会的题直接发出来，就会有群里的小伙伴进行回答，那么这样的话是否是不少人在帮助你，你并不孤独呢！

4、面试后

面试后无论面试结果什么样，我们都要作复盘，面试不行？哪里出问题了，是否是应该进行一个复盘，这个复盘是当局者迷，那么我是不迷的，因此你们面试均可以找我，我来帮助你们。

固然这里再说一下，也是我以前很生气的地方，你们面试完之后，若是面试官说你回去等通知吧，“我会在几月几号的几点告诉你面试结果”，那么若是当天没有打电话，我们做为面试者是否是能够打过去电话问问呢？反正跑都跑去面试了，那么远，干吗不打个电话几分钟都事情作一个了解呢？

最后：我说了这么多，我想帮助不少web前端面试者成功就业，固然我我的也有一些渠道，能够帮助更多的人，我已经差很少帮助了2万多学生就业了，这里也包含个人学生。若是有各类问题，欢迎你们评论留言或者联系我，我们一块儿来讨论一下。最后祝福你们在2019年的年末均可以找到很好的工做，顺利就业，加油！

给你们看看我辅导的学生就业吧（一俩个就行了，其余的我也没截图）。

网友找到我，我帮助他就业了。（西安俩个案例）