大家看我之前总结了很多关于 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 年的年底都可以找到很好的工作，顺利就业，加油！

给大家看看我辅导的学生就业吧（一俩个就好了，其他的我也没截图）。

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