一篇还算正规的前端面经

写这篇面经之前，先 % 一下我们的叶神，没有他可能我想要拿这些offer也是天方夜谭了..

感谢牛客网和各位牛友给到我的面经和建议

话不多说，开始正题，内容可能更偏大方向一点..具体面试内容会少一点

个人情况

四川大学软件工程本科。

实习经历：从2月到现在一直在实习..工作参与度非常高..有写出完整上线且收益可观的产品

技术栈：vue-cli搭建的全家桶

目前拿到的offer：百度、头条、京东、猿辅导、追一科技。

面过挂掉的公司：腾讯、网易、快手。

前端面试前准备和常考点

1.JavaScript高级程序设计（红宝书），看个两三遍..其义自见，面试内容基本逃不过红宝书里的东西。继承、原型链、作用域链百考不厌。

2.es6标准入门（阮一峰），不要只是了解es6有哪些东西，建议直接看线上版，一个一个块去学习..面试官问es6了解哪些的时候你说的越多评价越高，比较核心的内容：箭头函数，promise,map,set,let,const,class,symbol,generator。es7:async,await

3.玩转数据结构（慕课网，网上可以找到百度云资源），非常重要，前端同学不要觉得数据结构没用.. 实际上了解更多的数据结构可以让你编码更加轻松和流畅（解析后台数据的时候也会更加清楚怎么做）。还有就是一定要跟着写，像链表、队列、二叉树、堆跟着写一下就好..面试过程中有遇到手写bst的add..前中后序遍历..删除节点

4.剑指offer和LeetCode，不管你觉得前端需不需要会算法，刷就行了

5.个人技术栈是vue。针对vue：双向数据绑定原理（被问到吐，最好会写一个简单的双绑），v-model原理（快手挂掉的原因），diff算法（考得较少），vue和其他框架的区别（一般react），vue代码优化，组件编写要点，vue-router原理（如何加入动态参数），vuex解决了什么有哪些模块

6.移动端（个人有半年左右的移动端开发经历，所以问得较多）：300ms产生原因和解决方案，点击穿透事件，如何做自适应，兼容性问题如何解决，input框被输入法遮挡解决方案

7.计算机网络，非常非常重要，大厂必问。osi七层模型/tcpip四层模型，http1.0 1.1 2.0区别，https原理，请求响应报文header具体内容（了解的越多越好），请求方式，各种响应码（最重要的304一定要说清楚，详见http缓存详解，***-control），tcp/udp不同，tcp（三握四挥、syn洪泛、流量控制、拥塞控制、滑动窗口协议），dns解析，个人还被问过mac/ip。

8.os：进线程区别，调度和通信方式。

9.数据库：除了事务以外我不会..一般不会问

10.前端优化问题（各种方案，最好能手写）

11.比较常考的前端代码题：节流防抖、bind底层、extend底层、$底层、cookie封装、扁平化、柯里化、promise原理、手写闭包、手写ajax、串行ajax请求处理、url处理、promise封装ajax。

12.设计模式（单例、工厂、观察者、订阅发布者），最好能手写

13.浏览器机制（异步机制、线程宿主环境），微宏任务（非常重要），URL输入到绘制的全过程

14.后台（基本没被问过..），楼主也只会点点nodejs，入门级别（会写爬虫，简单搭建服务器，了解koa洋葱圈模型，express中间件写法）

15.html:h5相关内容，加分点：canvas 和 webgl

16.css：选择器相关、双列等高三列自适应布局等、垂直居中（可能不定高）、动画（多写..js动画了解jq和velocity）、css3相关（transition/transform）、bfc（形成方式）、display/position参数、flex参数，border相关绘图，box-sizing参数

17.spa相关（首屏加载，白屏问题，路由转换，seo）

18.服务器端渲染（不会问太深，加分项）

19.websocket原理和服务器端推送机制，长短轮询

面试过程中的注意事项和加分点

1.保持自信和大方，面试通常时间在1小时之内，除了我们的基本知识体系以外，保持一个良好的面试状态会给面试官留下很好的印象。

2.准备一致的开场语（自我介绍环节）

3.回答面试官的问题时，不要局限为他问的东西，多扩展，还有切记听清楚了想好了再回答

4.准备一些前端新技术：pwa，app *** , react native, hybird，非常非常能加分

后记

1.不要放弃自己，楼主7月开始秋招，7-8月一直挂，9月开始开挂1场面试没有挂过，所以多总结多学习，一味停留在失败中并不可取。

2.不要抱怨，面试 = 实力 + 运气，过硬的实力是通过面试所必备的但运气依然重要，遇到极端的面试官报以此处不留爷自有留爷处的心态就好了。

3.多看面经，多写代码，自己的项目不但要了解更要深入。