美团-前端工程师-一面面经

好难！很有深度！

1. vue和react有什么区别？
2. .vue 文件是如何渲染到页面的。html是如何加载这个文件的。
3. template中有一些标签，经过webpack打包后，会是什么样子
4. vue的双向绑定基本原理
5. 在vue3中数据劫持使用了proxy，为什么要这样？之前的方法有什么缺点？
6. vue2中如果要监听数组下标的变化，应该怎么办？
7. 如果有个列表之前是1,2,3,4，现在是2,3,4,5，那么vue的diff算***怎么进行比较这些节点（四个指针，比较四次，分别是首首、尾尾、首尾、尾首），何时会结束比较？
8. vue的虚拟节点VNode有哪些属性？
9. vue有个类似createElement的方法，接收哪些参数？
10. react的生命周期有哪些？render在哪两个之间？
11. 一个父组件里面有一个子组件，这两个组件的生命周期（willMount\render\didMount这三个）顺序是怎样的？
12. 事件捕获和冒泡的先后顺序
13. react组件中有个button定义了onClick事件，对于这个button，另外通过addEventListener监听了click事件，那么点击这个button的时候，会先执行哪个？
14. react的大版本更新除了hooks还有哪些？
15. react的setState是异步的吗？什么时候异步？通过什么判断？这个变量什么时候变为true、什么时候变为false？由谁控制？
16. html文件中有三个script标签，执行顺序是怎样的？如果第二个有async属性，执行顺序是怎样的？如果第一个是async属性，顺序又是怎样的？
17. 如何检测性能？如何知道监控首屏加载时间？如何知道某个事件用时多久？
18. 有些静态资源会放在CDN，这样有什么好处呢？
19. position：absolute绝对定位，是相对于谁的定位？父元素可以是 sticky 定位吗？
20. css优先级中，！important和内联属性哪个更高？
21. 浏览器如何算出每个标签的属性的权重？如何计算每个标签的属性，如下，如何知道p是什么颜色

• 22. z-index 总是有效的吗？什么时候会无效？上面如果给 .red 设置 z-index 为2，给 .green 设置 z-index 为1，这个p会是什么颜色呢？
• 23. 下面代码会输出什么？
• 
  

• 说说原型链
• new关键字做了什么事？漏掉了继承原型链
• 如何获取到一个实例对象的原型对象？除了 a.__proto__
• 几种方法能够做到继承？除了 Child.prototype = new Parent()
• Object.create() 是什么？
• 现在有一个构造函数如下，

如何限制上述的第二种用法（即只能用new）

• 异步题：

• 算法题：
• 

如果用递归，时间复杂度是多少？会有大量重复计算，时间有限，面试就到这了。