前端面经

经历了秋招的洗礼，整我的成长了许多，原本想着早点总结，可是一颓废起来便没完没了，推脱到如今才开始着手写。
先介绍下背景，楼主双非学校，本科，专业是电子信息工程，大二下学期加入学校的一个软件实验室，跟不少小伙伴一块儿学习，一块儿春招秋招，很感谢有这个平台，要是真的是我一我的孤军奋战，不知道要失去多少机会，这应该是这个大学作的最最正确的事情了。
楼主春招实习没有找到合适的，身边的小伙伴都去实习了，暑假留校学习东西，其实也是有些浮躁的，建议，能找到好的实习能够去体验下公司的生活。楼主以为基础已经复习的差很少，须要一个实践的平台，可是不争气，加上没有一些面试的技巧，面试的公司又很少，致使了没有找到。不过，仍是在尽力的多学习，多复习，多总结。
这里就只列举楼主秋招面试过的公司吧，有些可能不完整，隔得时间有点久忘了。

蘑菇街（内推，电话面）

一面（挂）
1.<b> <strong>区别，用css操做<b>标签为红色字体，黄色背景；操做<strong>下划线
2.博客系统的背景
3.跨域方式的处理
4.transition属性
5.操做一个div块，让它向右移动
6.继承，重点讲解构造函数继承
7.移动端适配
8.HTTP状态码
9.rem
10.百分比布局的优缺点
11.vue视图和数据同步更新的原理，是更新所有视图仍是部分，怎么实现的
12.vue生命周期
13.你有去实习吗，为何没去
14.你指望进入哪一种公司
15.面试官：怎么又是这个问题，吧啦吧啦。。。
我：蘑菇街是个兼容的大平台。 
面试官：啥意思  
我：各类技术共存  
面试官：会向vue靠近，可是内部平台仍是有react的一席之地，angular也有少部分存在，我才来蘑菇街一年多，虽然是个中型公司，可是像创业公司同样，团队听从自由，可是是在一些限制下的自由。。。

总结：秋招开始的第一个公司，经验不足，有些紧张加上答得很差，无缘，不过面试官声音很好听啊

CVTE（HR面挂）

一面
1.实现6列等分布局
2.介绍项目
3.一个数字的反转，若是有+或者.呢？

二面
1.实现 123456.123 变为  123，456.234
2.实现new Cal(0).add(1).min(2).num的结果为-1，以及Cal(0).add(1).min(2).num的结果为-1（添加中间对象）
3.原型链相关
4.koa（不太清楚）
5.一个url从输入到显示发生的过程
6.什么状况下会返回304
7.水平垂直居中
8.DOCTYPE做用，兼容模式在什么状况下使用

HR面
1.你父母作什么的，父母性格怎么样？
2.你指望的工资是多少？为何？
3.你五年的规划是什么？
4.你但愿团队的氛围是什么样的？
5.你从小到大印象最深的一件事是什么？
6.你从小到大压力最大的时候是什么，怎么调节的。
7.谁给你的影响比较大

总结：技术面还好，自觉得答得还能够，写代码什么的都写出来了，可是HR面贼可怕，群面，楼主彻底没有优点，而后就over了。

58

一面
1.编译原理
2.数据库原子性
3.数据库范式
4.原型链，继承
5.30四、403
6.TCP/UDP区别
7.你家是哪儿的，对工做地有什么要求
8.具体说你的优势，你的劣势是什么
9.项目
10.线程进程区别
11.ES6，generator

二面
1.从一个数组中找出知足两个数的和等于给定数据的集合（这个扯了很久，楼主用了最笨的方法，最后面试官给讲了一遍最优法，楼主也提出了几个面试官也没注意到的不合理的地方）
2.项目
3.若是你过了能来实习不
4.你指望的城市
5.兴趣（主要是跑步什么什么的）
6.你对58的印象

总结：面完58就一个词，玄学，感受很无奈。。。

百度

一面
1.实现统计一个页面出现标签最多的三个标签，代码的优化，巴拉巴拉一堆为何，为何用sort，为何要for循环。。。。
2.手机端300s延迟（没答好），还有一些touchstart/touchmove事件的区别
3.分割url成一个key/value的形式，若是考虑到#部分呢？若是url是编码后的我要怎么作？
4.实现console.log();相似的一个功能，侧面考察call/apply
5.两列布局，从而衍生BFC盒子
6.id/类/标签的一个优先级关系，权重，那么一个#div和11个类标签相比哪一个大？
7.除了windows还用过其余操做系统吗
8.项目中无限加载功能是怎么实现的
9.mounted钩子函数相关问题，和create钩子函数的区别是什么
10.模拟radio/checkbox，怎么实现点击那个点的效果，若是只能用css实现
11.本地存储，cookie怎么设置值，怎么取值，webstorage怎么取值，怎么设置值，好比我要保存a=1，我取到的cookie是什么样子的，我怎么进行获取key/value的形式
12.GET和POST的区别
13.跨域的方式，JSONP的原理，后台怎么包装，返回的response里最终的结果是什么，写出来，CORS具体设置，设置'*'和域名的区别
14.本科生仍是研究生
15.抓取百度页面，把全部的‘百度’替换为‘签百度’并存在一个文件中，为何用headers头部，referrer有什么做用，具体设置什么值。
16.一道关于setTimeout/promise输出题（考察优先级），并解释原理
17.有什么要问的

二面
1.手撕百度首页抓包，把全部的“百度”替换为“签百度”并把它存在一个文件中
2.手撕弹窗组件（其中说了一些细节问题）
3.本身封装tap（touchstart/touchmove/touchend）,判断移动端的手指数，坐标值等（这个面试官还给我细讲了）
4.CDN
5.性能优化（详细问了，好比压缩HTML代码怎么写，压缩JS代码怎么写，事件代理等）
6.雪碧图及相关API
7.移动端判断手机类型
8.nodejs获取url get的参数

三面
1.设计一个抽奖系统，要求一次抽取10个不重复的数
2.家里或者同窗有没有给你带来负能量
3.你以为你本身的缺点是什么？（楼主说本身有些腼腆，面试官坚决果断说我以为你一点也不腼腆。。。）
4.你以为你跟计算机专业的学生比起来有什么劣势？
5.你有什么要问的？

总结：百度的面试仍是挺有质量的，平均每一面一个小时左右，安排合理不一样等待过久，一面面试官全程微笑，问的我很难受，原本觉得挂了（固然，面试以前就是抱着挂的态度去的），二面面试官是个女的，我仍是第一次遇到，这个面试官人很好，不会的很耐心的给我讲解，在我要放弃的时候告诉我，以为我还不错，还给我说三面问些什么，很暖心啊。三面就是闲扯，虽然最后面试都过了，可是是备胎状态，也是挺遗憾的，记得等结果的那天晚上个人心很是忐忑，然而仍是没等到签约电话。。。

腾讯

一面
1.cookie/session区别
2.cookie/localstorage区别
3. http/https,https为何安全，加密解密过程，若是想https变快怎么作
4.移动端tap(问这个我真的不知道。。。。)
5.<link>标签会不会阻塞文档的渲染，script标签位置，defer/async区别
6.xss(这个讨论了很久，他问为何前端就取不到cookie值，我不知道)
7.浏览器事件，他问你以为用的最多的浏览器是哪一个，你怎么知道是谷歌，你为何用谷歌。事件冒泡事件捕获区别，怎么写的怎么用的
8.nodejs全局变量知道哪些
9.事件代理举例，jquery怎么写，有什么更好的办法判断捕获到的目标
10.ip在哪一层，具体做用是什么
11. http相关字段，哪些是请求字段，哪些是响应字段。
12.跨域，跨域的举例，jsonp的原理，怎么捕获错误，cors的设置，前端须要什么处理
13.通常真机调试怎么作，原理是什么
14.堆排他问我为何用二叉树，时间复杂度怎样
15.你有什么想问的
16.推荐你的同窗，比你优秀的
17.回去不要着急等通知
18.你以为你比他们的劣势

二面（挂）
1.web优化，从大的方面谈
2.相邻节点链表的逆置
3.红黑树相关
4.操做系统
5.堆和栈的区别，内部存储
6.malloc分配单元（记不太清了）
7.c++一些相关知识

总结：楼主基础知识不扎实，二面面试官是个后台面试官，因而乎就挂了，当时挺绝望的，很难受，毕竟进到了二面。。。

好将来

一面
1.手撕归并排序
2.布局百度首页（考察居中）
3.将链表的倒数k个节点逆置
4.布局表格，点击表头实现特定功能
5.项目
6.手撕jsonp
7.跨域相关

二面
1.用js实现模拟队列和栈
2.用js实现二叉树，并删除给定的节点
3.项目相关
4.视频/音频相关API
5.有什么想问的

总结：自觉得答得还能够，然而。。。

美团（offer）

一面
1.自我介绍
2.文本超出用...实现，单行和多行
3.iframe缺点
4.vue双向绑定原理
5.为何对前端感兴趣
6.两列布局，bfc，flex的一些属性表明什么
7.手撕，输入一个字符串，判断这是一个最多两位小数的数字
8.vue-router实现原理
9.js异步加载，defer/async区别
10.input/textarea区别
11.input的type属性有哪些
12.有什么要问个人

二面
1.你哪方面比较擅长，好，给你js出个题，js实现有两个数组，找出第k大数，要求第一种状况，最短;第二种状况，最少，时间复杂度空间复杂度最低，找出5个边界条件
2.js实现一棵二叉树
3.vue/react/angular对比
4.场景题，设计代码实现切换功能（猜想想考我闭包的问题，我不知道怎么跳过这个问题了）
5.日常怎么学习的，关注了哪些技术方面的博客，最近印象最深的一篇文章是什么

三面
1.项目
2.设计一个弹窗组件，主要要注意些什么
3.JQuery继承
4.团队合做
5.有什么要问个人

HR面
1.为何不选成都呢？楼主回答是北京是总部，北京是个大城市，要闯闯
2.家里的状况
3.对美团的见解和了解
4.讲了个通工卖牙膏的笑话。。。

总结：美团面试体验很好，总体给个人感受是，面试官素质很高，楼主聊得也挺开心，虽然有些问题答得也有所欠缺吧，整体而言仍是很愉快的，也很开心能进入这个你们庭。


校招，不得不说有不少运气在里面，面试的公司很少，每一次都在积累经验，现场面也是一个优点，和面试官能够更好的交流，一些面经也能派上很大的用场，但愿后来人多多准备，有一个美好的将来~