美团点评前端3面总结
一面：
一面的面试官和我们是同龄人，非常友善，当我回答不出的时候，还是引导我思考，还会把答案解释给我听，这次面试真的是受益匪浅。一面问的还是比较基础的
一面题目：
1.手写闭包，继承
function Animal(name){
this.name = name;
}
Animal.prototype.sayName = function(){
alert(this.name);
}
var cat = new Animal('cat');
-------------------------------------------
function logName(){
console.log(this.name)
}
var obj = {
name:'bing'
}
logName.call(obj);
2.手写事件绑定
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
function fun(){
var lis = document.getElementsByTagName('li');
for(var i=0; i<lis.length; i++){
(function(i){
lis[i].addEventListener('click',function(e){
alert(i+1);
},false)
})(i);
}
}
3.css3画一个三角形，用content：0，boder：很大，三面border透明
4.图片延迟加载怎么实现，监听scroll事件，替换src
5.websocket原理，应用场景：扫描二维码后，跳转登陆
6.前端路由的实现原理，hashchange
7.ES6中有什么特性，promise实现原理
8.手写after方式清除浮动，一个冒号和两个冒号的区别
9.CSS选择器，nth-chlid(n)和nth-type(n)区别
二面：
二面感觉是leader级别的面试官，表情非常严肃，感觉是压力面
二面题目：
1.首先问了项目中出彩的地方，我答了REM响应式的布局
2.函数声明有哪几种形式，function aaa(){} 和var aaa=
function(){}有什么区别，我没讲清楚QwQ
3.手写一个盒子模型中，获取盒子内子节点的class样式，盒子内节点的类型不可知
我用了事件监听，但没考虑浏览器兼容性，也没能写出来怎么判定节点的类型（枚举不可）
面试官问我自己给这个代码打几分，我说60分
面试官说这种代码兼容性有问题，根本不能在线上运行，所以60分也没QwQ
4.后面就问了什么职业规划之类的，自己的方向是什么
然后就让我等通知了（挂）=> 哦不，晚上通知3面了
三面:
在上海点评总部
面的非常宽泛，比如什么主流框架Node Angular Vue React对比
javascript实现的底层原理
项目中写过最复杂的组件
当场写一个复杂的酒店预订table，没回答好
职业规划，业余时间兴趣等等
至此，3面挂
总结：
这次的面试官还是非常负责任的，水平实力也是非常的高，美团这种公司的难度是和bat一个级别的，我进不去也很正常。总之，挂的心服口服，好在收获很大。多总结，多规划，遇到困难逐个击破。
#美团##前端工程师#
国家电网工作强度 98人发布