金九银十就要来了，前端码农该如何逆风输出拿下大厂offer？

前言

先介绍下自己：末流211研究生，软件工程专业。

在秋招准备和面试过程中，收获了不少同学的帮助和鼓励。最终运气比较好，拿到阿里、美团、OPPO、360和有赞的意向书，拿到阿里意向书以后便没有参加其他公司的面试了，花了两天整理了一篇自己秋招的经验总结。

面试经验汇总

面试经验汇总是我在秋招和面试过程中的一点体会和总结，每个人的学习方法和调整心态的方式不一样，也仅供参考哈～  

一、心态

求职过程中，个人认为最重要的是心态的保持，秋招其实是一个周期很长的过程，从开始的复习准备到参加笔试面试到最后的等待结果，难免会经历挫折和打击，但是心态对复习状态和面试表现影响真的很大，所以心态是首先需要注意的问题（我自己在7月和8月挂过很多，中间一度很焦虑，懂的同学都懂）。下面是我想到的一些小tips，可以看看

1. 在准备笔试面试的复习阶段，可以对自己有高一点的期待，适当订一些意向公司，好好准备面试题，知识点等
2. 开始笔试面试初期，经常会很紧张，不知道该怎么回答，所以最好的办法就是多参加，积累经验
3. 笔试面试逐渐多起来之后，经常会陷入焦虑，患得患失。这个时候需要降低自己的期望，不要考虑太远的目标，每天制定计划，目光关注在当天的任务，甚至以半天为单位，按部就班复习（解决焦虑的最好办法就是行动）
4. 和同学多交流吐槽，适当发泄

我个人的心态转变是在挂了网易的面试之后，之前基本就是面一个挂一个，心态一度很崩溃，但是也没有办法。挂完网易后，晚上和实验室的同学出去吃了一顿饭，聊了很多，之后心态就放开了，佛系了，一切随缘。。在那之后的面试反而基本面一个过一个（可能也因为复习整理了一段时间）

二、方向选择

因为读研期间，老师的项目可能对自己的求职方向和技术栈都有一定影响，所以需要提前确定自己的工作方向，并且安心的复习准备。最好不要想着我同时准备A和B，如果A形式不好，就找B。这样可能会导致分心，A和B准备的都不充分。

如果在工作方向之间有纠结的话（如A和B），不妨可以尝试权重法，自己列举方向A和B对你来说，优势在哪，权重多大，然后比较。比如我更喜欢A，有xxx经历，A权重加20分。B的行业需求更大，B权重加5。个人在A和B的核心竞争力多少。。自己根据自己的情况评估。

三、面试技巧

1. 个人自我介绍一般可以分为三个部分：自己的个人情况（姓名、学校、年级等）+特殊的经历及收获（项目、比赛、实习）+对应聘公司的理解（为什么要来，如何结合部门的业务谈谈自己的能力和业务的匹配更好）。

2. 面试题会的就说，如果有准备比较充分，可以多说一点，埋一点坑，一般面试官会顺着往下问。如果完全不会，就说自己没了解过。不太确定的，可以先和面试官说自己不太确定，然后说一下自己认为的答案。

3. HR面的一些比较常见的问题，可以提前找一找，准备适合自己情况的回答。

4. 有的时候，提前了解一下自己投递的部门的业务，并结合自己的知识谈一谈自己的理解和认识，会有意想不到的效果。

5. 面试提问环节，一般前两面都是部门内的leader或者同事面试，所以我都会问一些部门的业务方面的问题，并且结合自己的理解聊一下。如果是交叉面或者部长面，我会问一下从面试和简历，他们对我的今后学习的建议（一般都会对你面试进行评价，这时你应该就能感觉出来自己能不能过了，然后面试官给出建议），因为部长面和交叉面，面试官的层次和眼界更高，单纯的问技术方面的问题，其实不如问一些对自己的职业方向建议的问题，这样可能收益更大。不建议直接询问面试结果，因为一方面面试官不会说，第二方面会显得心虚。最后HR面我只会问后续的通知时间。

四、复习准备

1. 在开始准备复习前，可以根据自己的个人情况，列举一下自己需要准备哪些方面的知识，看哪些书，时间如何安排。前端方向的知识比较广，面试时不仅要有广度，深度也很重要（事实上，面试就是差异化竞争，同样一些问题你准备了，别人一定也准备了，但是对于同一个问题，理解的深度完全取决于自己的准备情况。一般在回答这个问题的基础上，再有一点点延伸，只说到概念和关键名词即可，面试官可能会顺着往下问）比如面试官问你事件循环机制，可以延伸介绍同步异步、异步的几种方法、微任务和宏任务等，一般都会接着往下问的。

2. 及时总结。看完一本书的一个章节时，尝试去用自己的理解概括总结，最好记录一下，便于复习。参加完每一次面试后，马上回忆问到的题目，总结记录，想想哪里回答得不好。

前端知识点汇总

前端知识点是我在准备秋招过程中，看书和经验贴中总结到的一些知识点，不仅面试中经常问到，同时对于自己未来的工作和学习也很重要，也欢迎大家一起补充～~

注：博主分享的这个面试题资料涵盖了：JS、JQuery、数据请求相关问题、ES6、Vue、React、微信小程序、IOS/Andriod浏览器适配问题整理、Pc端兼容性问题、项目类问题、笔试编程题等。需要的直接点击这里即可领取！

 JS

• JS是一种什么样的语言?
• JS数据类型有哪些?
• 介绍JS有哪些内置对象？
• 栈与堆的区别?
• js中的作用域与变量声明提升
• 如何转化类型?
• 什么是面向对象编程及面向过程编程，他们的异同和优缺点
• 面向对象编程思想
• 如何解释this在js中起的作用?
• js中this的用法（经典）：
• ☆说说JS原型和原型链
• 如何准确判断一个变量是数组类型?
• ☆call和apply的区别和作用?
• 继承的方法有哪些？
• ☆什么是闭包？闭包有什么作用？
• 事件代理（事件委托）:
• 事件的各个阶段
• ☆new操作符在创建实例的时候经历了哪几个阶段
• 异步编程的实现方式
• 对原生JS了解程度
• js延迟加载的方法有哪些？
• 数组从小到大排序？
• 求从大到小排序可以先使数组从大到小排序,然后添加reverse()方法，使数组顺序颠倒

JQuery:

• 你觉得jQuery或zepto源码有哪些写的好的地方
• jQuery的实现原理？
• jQuery.fn的init方法返回的这指的是什么对象？为什么要返回这个？
• jQuery.extend与jQuery.fn.extend的区别？
• jQuery的属性拷贝（extend）的实现原理是什么，如何实现深拷贝？
• JQuery的队列是如何实现的？队列可以用在哪些地方?
• jQuery中的bind（），live（），delegate（），on（）的区别？
• jQuery一个对象可以同时绑定多个事件，这是如何实现的？
• 针对jQuery的优化方法

数据请求相关问题

• http请求方式有哪些？
• http的状态码有哪些？分别说下它们的含义
• 请描述一下get与post的区别
• get请求传参长度的误区
• http和https有何区别？如何灵活使用？
• 什么是AJax?为什么使用Ajax?
• 简述ajax的过程。
• Ajax优缺点？
• XMLHttpRequest通用属性和方法
• Ajax请求跨域接口，发送了几次请求？
• 跨域的几种方式
• web应用从服务器端主动推送data大客户端有哪些方式?
• 如何实现浏览器内多个标签页之间的通信? (阿里)
• webSocket如何兼容低浏览器？(阿里)
• fetch、ajax、axios之间的详细区别以及优缺点：
• 为什么要用axios？
• axios是什么？怎么使用？描述使用它实现登录功能的流程？
• xml和json的区别？

ES6

• 列举常用的ES6特性：
• 箭头函数需要注意哪些地方？
• 箭头函数和普通函数之间的区别
• let、const、var
• 拓展：var方式定义的变量有什么样的bug？
• 箭头函数this的指向。
• 手写ES6 class继承。
• ES5的继承和ES6的继承有什么区别?
• ES6 class 的new实例和ES5的new实例有什么区别?
• generator生成器函数:
• 什么是async/await及其如何工作?
• Promise和async await以及它们之间的区别:
• async函数的基本用法:
• async与generator的区别?
• 简单实现async/await中的async函数
• 有用过promise吗？请写出下列代码的执行结果，并写出你的理解思路

React

• react的优势以及特点
• React中的props和state的用法
• react组件之间如何通信？
• 为什么虚拟DOM会提高性能？
• react生命周期函数：
• react性能优化是哪个周期函数？
• 在生命周期中的哪一步你应该发起AJAX请求？
• 概述一下REact中的事件处理逻辑
• 如何告诉React它应该编译生产环境版本？
• 调用setState之后发生了什么？
• react的setState的原理及用法
• setState为什么是异步的?
• 传入setState函数的第二个参数的作用是什么?
• shouldComponentUpdate的作用是啥以及为何它这么重要？
• createElement与cloneElement的区别是什么？
• 为什么我们需要使用React提供的Children API而不是JS的map？
• React中的Element与Component的区别是？
• 在什么情况下你会优先选择使用class Component而不是functional Compone
• React中refs的作用是什么？
• React中keys的作用是什么？
• diff算法？
• React性能优化方案？
• react怎么从虚拟dom中拿出真实dom

其他知识点面试题

• Node的应用场景
• 谈谈你对webpack的看法
• gulp是什么？
• 常见的web安全及防护原理
• XSS原理及防范方法
• CSRF的原理及防御
• XSS与CSRF两种跨站攻击
• common.js AMD CMD的区别
• ES6模块有CommonJS模块的差异
• 网页验证码是干嘛的，是为了解决什么安全问题
• webpack的原理
• webpack的loader和plugin的区别？
• 怎么使用webpack对项目进行优化?
• 防抖、节流
• 浏览器的缓存机制
• 描述一下二叉树, 并说明二叉树的几种遍历方式?

最后

面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。最后祝愿大家都能拿到心仪offer。是金子总会发光！