拿到20W年薪offer的面试总结

学习了半年前端之后，我进入了找工作面试的新阶段，以下是我面试两周以来的一些经历和总结。

从班级毕业后的前几天里，我一直在复习准备面试，总觉得自己学得不够，后来我抱着尝试的心态投递了简历。

于是，在一个周一迎来了第一场面试，我感觉自己很幸运，第一个面试官很温和，耐心问了我一个多小时，虽然我全程都是紧张和磕巴的。所以找工作首先一定要有一个好的心态，大胆地去尝试，积累经验，你会在下一次面试的时候更加从容。

面试技巧

在平均一天两场的面试中，我得出一个结论，就是简历上面写到的一定会被问到，所以简历写好并且为简历做好准备很重要。

还有一个小技巧就是当面试官问你一个问题时，不要只回答一个问题，而应该尽可能把跟这个问题相关的知识点都说出来。前提是你了解的，懂的。因为面试时间是有限的，你说的越多，他问的就越少。

面试过程一定要自信，我在前期面试的时候，由于心理有压力面试不是很自信吃了不少亏。所以，可以抱着我已经拿到offer的心态，不紧不慢的交谈，用眼神、肢体语言帮助嘴巴说话，择机展示思考的过程，尽可能表现出对这行的热情。

关于面试问题

以我面试中的常见问题为例。基础的部分，一般问得不是很多。

首先是CSS是盒子的布局（重点：flex布局，居中），盒模型，选择器优先级等。JS是数据类型，this指向，原型链，继承，闭包，事件循环，事件流，数组方法及去重，深浅拷贝等。es6的新特性，比如let和const的区别等，重点理解promise，settimeout，async/await的执行顺序。

Vue的部分很重要（必问），就是指令，生命周期，组件传值，路由和Vuex等，如果你是找Vue方向的工作，一定要掌握好面试宝典上Vue的部分。每一次面试后最好进行复盘，比如有一次面试官问我Vue里面的data为什么必须是一个函数，然后碰巧在下一次面试的时候遇到了同样的问题。

关于项目介绍

一定要提前整理好项目过程中遇到的难点。在述说过程中一定要展现你发现问题，思考问题和解决问题的过程。

说话模式简单总结类似为：在实践过程中我使用XX工具或者通过XX方法，发现了XX问题，通过xx方法解决了这个问题。然后通过对比说说为什么用这个方法，例如因为这个方法跟其他方法相比有xx优势，另外如果用到了库，那么也要说说这个库的实现原理是什么。

总之，要体现你发现问题和解决问题的能力。可以把难点问题写在一张纸上，在面试前自己想好面试官可能会问你什么问题，然后查找相关资料，把答案整理一遍，每次面试完后不断反思完善自己的答案。

一定要提前准备好，不然面试官叫你说遇到的难点，或者直接问问题时可能会懵逼。比如有一次被问到后台管理系统里面的权限管理，有权限登入进去刷新会显示空白或404页面的问题，我当时只记得写项目的时候遇到过，可是想不起来怎么解决，当时就很懵，不过我当时知道自己没戏了，就在最后虚心请教了面试官这个问题，然后他也很乐于为我解答了。

所以遇到难点一定要记录下来并思考解决方案，才会印象深刻。

还有就是可能会问到性能优化，这个也可以提前准备一下。比如我有被问到如何进行seo的优化，然后我当时也很懵。

补充，有的时候你的面试官可能会是后端，那么你可以提前向hr打听一下，他可能会问你Vue的原理（掌握好双向数据绑定和MVVM），虚拟dom，diff算法，keep-alive，计算机网络方面的HTTP协议，https和TCP协议，安全方面的CSRF攻击 和 XSS攻击，工程化方面的git和打包方面的webpack。如果这些你没有深入了解的话也没有什么问题，不过说得出来一些的话，绝对是加分项。

面试心态很重要

在一次又一次的面试中我越发觉得自己之前的学得不扎实，所以学习的时候一定要有针对性，目标明确，并且要多思考，自己思考过的东西真的会牢牢记在脑子里。然而我也经历了一次又一次的面试失败，简历被拒。

不过我总会想起以前在课间休息的时候看的一篇博客里面有两句话，令我倍受鼓舞：

1. 人生的最终结果是一个极大值函数（由所有尝试中最成功的一次决定），而不是一个平均值函数。

2. 如果你不是每天被人拒绝，那就说明你的人生目标不够远大。所以，不要害怕失败和被拒绝，勇敢地去尝试，你一定会有所成长。

寄语

我明天就要去入职了，又开始进入充满未知和挑战的工作新阶段。最后，祝学习前端的学弟学妹们学习顺利，面试顺利，并且都能顺利找到符合自己期望的工作，高薪就业！

如果也想挑战高薪的，也可以看看下面这个学习路线学习下哦~

视野所及，唯有前端。

有互联网的地方就需要前端，随着软件开发的发展，企业和用户对前端所呈现的内容都有了更高的要求——页面不仅要在PC端适用，还必须在移动端等多种设备上精美呈现。

在这个过程中，React、Angular、Vue等突破传统前端成为主流框架，推动前端的组件化和工程化，让PC端、安卓端、iOS端有了“大一统”的趋势。

随着React、Vue等框架的出现，**“一次学习，多端受用”**也在前端工程师间传开。

现在掌握并精通React、Vue等主流框架的前端开发工程师成为企业青睐的人才！经调研，黑马程序员发现，在目前的招聘需求中，有59.2%会要求前端开发工程师掌握Vue框架，37.7%会要求掌握React框架。

随着企业需求的增多，前端开发工程师的薪资也越来越高，据第三方平台职友集最新统计，前端开发工程师在全国的平均薪资已经突破16.6k！在一线城市北京更是高达22.8k！

另外，新一线城市及省会城市的薪资也很耀眼，例如在杭州，前端开发工程师的平均薪资就达到了18.2k！

△ 杭州前端开发工程师平均薪资，来源职友集

想学习的小伙伴可以参照这个学习路线图去学习~

阶段一基础入门：入门前端工程师的必备技能，能够完成PC端和移动端的静态页面，具备1:1还原设计图的能力。

阶段二技术进阶：进阶成为合格的初级前端工程师，能够实现页面的交互效果，实现与后端的数据联通。

阶段三Vue开发：成为中高级前端工程师的核心能力，能够实现企业级项目的功能需求，并具备内容管理系统、企业中台以及电商平台的项目经验。

阶段四React & 小程序开发：成为中高级前端工程师的进阶技能，能够满足市面上90%+公司的招聘需求，并具备网页端和移动端项目研发经验。

阶段五面试就业：能够完善简历，轻松应对企业面试场景与面试题目，成功获得心仪的offer。

第一阶段 基础入门

学前导读：为零基础学员量身定制，教你搭建PC端和移动端静态页面，让你从小白升级成网页“化妆师”，轻松掌握 HTML5 和 CSS3 相关知识。

1.Web前端零基础入门HTML5+CSS3+前端项目

课程中和课程尾配备两个实战项目，项目一类型是企业站，可以让同学们快速的将基础知识点进行反复练习；项目二类型是电商站，可以让同学们掌握更复杂的网页效果的开发流程和布局标准。本教程严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿。

web前端开发入门教程，前端零基础html5+css3+前端项目视频教程

2.移动web开发实战

本课程采用2+5模式, 前两天承接HTML+CSS, 使用字体图标、平面转换、动画等，丰富网页效果和呈现方式；后5天完成移动端和多端适配效果。课程采用闭环方式设计，每天课程都有完整的案例或项目， 让学生学以致用。

web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）

第二阶段 技术进阶

学前导读：让网页“动”起来，带你学会前端工程师核心语言——JavaScript，实现网页数据交互与动画效果，并实现与后端数据的联通。

1.JavaScript深入浅出-0基础入门神器

学完本课程你将掌握JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。

JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门

2.JavaScript核心之Web APIs

学习客户端开发技术，能够根据产品需求完成开发任务，如视觉交互、数据处理、安全、性能等，熟练掌握 DOM 操作的方法，能够分析视觉交互需求，结合 CSS 规则设计合理的 DOM 结构，完成开发任务。

JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作

3.数据交互&异步编程-前端进阶Ajax零基础入门

本课程案例丰富，知识点配套的案例丰富多样，满足学生学习的兴趣 ；深入原理，会深入讲解如何封装自己的模板引擎和 Ajax 函数；涵盖广泛，涵盖了 Ajax、跨域、JSONP、模板引擎、节流防抖、XHR Level2 等常用技术。

AJAX零基础到精通_整合Git核心内容全套教程

第三阶段 VUE开发

学前导读：掌握多行业解决方案，项目开发拿来即用，帮你搞定前端工程师必备热门框架Vue.js。

1.前端高级Node.js零基础入门教程

本套课程作为框架前置课，重点为学生铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点，为学习后面的 Vue 课程夯实基础。同时，本课程涵盖了 MySQL 数据库、API 接口项目开发等后端内容，拓宽了学生的知识面，为前端学生构建了前后端完整的知识体系，助力学生更好地发展。

Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs六大实战案例详解

2.前端框架Vue2+Vue3全套视频

历经 5 年的反复打磨与锤炼，黑马程序员重磅推出全套最新的 Vue2 + Vue3 基础课程。共计 500 多集的免费视频，助您轻松掌握前端圈最火的 Vue 框架！

Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程

第四阶段 React&小程序开发

学前导读：React帮你解锁中高级前端工程师能力地图，多端项目让你满足90%+企业需求。

1.前端React精品教程

React 是时下最流行的前端框架之一，是很多大厂的首选前端开发框架！历经数月精心研发，内容包括：React 脚手架、JSX、函数组件、类组件、受控组件、组件通讯、Context、组件生命周期、高阶组等等技术。

前端React精品教程， React零基础入门到原理详解

系统的学习网页数据交互的 Ajax 技术，建立前后端交互的知识体系，为学生夯实网络编程的基础，为后期高级课程的学习做好铺垫。

2.手把手快速带你开发微信小程序

本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。学完基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。

前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)

想要成为一名优秀的前端工程师，首先需要学习HTML、CSS、JavaScript三大核心基础技能，学习完这些能够制作静态网站，此时网站还不能跟用户进行交互，让用户进行使用，需要再学习Ajax，才能更进一步的请求后端接口，实现前后端的数据交互，此时的网站就可以基本可以跟用户进行交互和使用了。

当然我们不仅仅要学习PC端开发，移动端开发也不能少，随之也要学习移动端技术，比如：rem、Boostrap、媒体查询等等。这时候PC端、移动端网站基本可以开发了，但是也需要考虑网站的开发效率、性能优化等问题，所以需要学习的内容就更多了，比如：前端构建工具webpack、前端框架Vue或者React等等，都需要前端工程师能够掌握。

目前大部分的网站开发，都是前后端分离模式开发，但是不意味着前端开发不需要知道后端知识。前端工程师也是需要掌握Node.js技能的，很多公司Node.js已经是核心必备技能了。

互联网技术发展的越来越快，想要成为一名前端工程师，有条理、有规划的学习技术才能在行业中站稳脚跟。如果下定决心想要学习前端的小伙伴，希望以上学习路线图能够激发你学习前端的兴趣，更重要的是能够从中获得知识，在前端的进阶路上越走越顺！