美团面经（前端）

想着等三面结束之后再全部整理一遍的，但是感谢信来了，umunm....那就也算是美团面试结束了吧~
一面
onLoad和dom ready的区别
浏览器渲染过程，遇到图片怎样进行渲染
实现左20px，右自适应宽度，尽可能多的方法
flex布局的认识
继承
ES6怎样实现继承
跨域
浏览器缓存
怎样会触发304
http头部信息
vue的数据双向绑定的原理
this.nextTick的理解
for语句可以创建作用域嘛
promise的理解
1000个li怎样插入到页面中，有更好的办法嘛
dom碎片
数组打乱
node有几种流

一面进行了50多分钟，问的问题还是比较重基础的，除了以上问题还有一些比较简单的就没列出来来了。

二面
开始第一题，我就直接蒙蔽
如果是你，你该如何设计浏览器按F12进入开发模式，鼠标在哪个代码元素上，页面上的哪部分就突出变蓝？？？（前端开发应该是可以听懂我在说什么吧~~）
我瞬间懵掉，导致后面的面试节奏也不是很好，苦兮兮
第二题，整数数组拆分成和相等的两个子数组
第三题，实现节流，但是要保留最后一次操作
第四题，数组去重，根据权重保留原来的位置
union([{id:1,w:2},{id:2,w:4},{id:1,w:3},{id:2,w:2}])=>[{id:2,w:4},{id:1,w:3}]
中间还杂着阐述其他问题，记不太清了，唯一比较记得清的是：面试官问我重绘和回流到底是什么？umumum...我说了：
repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，不会影响到dom结构渲染。 reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素(祖先)，这种开销是非常昂贵的，导致性能下降是必然的。
但是好像也没达到点上嘛？？非常执着的问我那他们到底是什么？到底是什么呢？？？oh my god，我真的不知了。。。。。😭😭😭😭😭

二面也聊了一个多小时，然后再隔了很多天很多天之后，收到了感谢信~

收拾收拾心情，继续向前吧~