美团前端二面

1.面试官问了 CSS 盒模型，还问标准的和IE的有啥不一样来着?2.React 里那个 useEffect，依赖数组空着、不写、写具体值的时候，效果不-样吧?还问为啥依赖不能漏写。3.JS 闭包是什么?能用到哪些地方?用的时候要注意什么问题?4.前端跨域有哪些解决办法?每种咋回事，适合什么情况?5.Vue3和 Vue2 的响应式原理不一样吧?为什么 Vue3 用Proxy不用Object.defineProperty了?6.浏览器的回流和重绘是啥意思?怎么能少发生点?7.Promise 有三种状态是什么?还有 all、race、allSettled 这几个，区别和用在哪?8.webpack 里 loader和 plugin 不一样吧?举几个常用的，说说干啥的。9.HTML里 meta 标签有啥用?比如 viewport那个，作用是啥，一般咋配置?10.JS 原型链是啥?怎么用原型链实现继承?举个例子。11.React 里 key 是干嘛的?为啥不建议用索引当 key?12.前端性能优化有哪些方法?从网络、渲染、代码方面说说。13.浏览器事件循环是咋回事?宏任务、微任务都有哪些?执行顺序呢?14.Vue 里 v-if和 v-show 有啥区别?分别啥时候用?15.怎么写个深拷贝函数?要考虑哪些特殊情况，比如循环引用、特殊数据类型之类的?

1.大文件分片上传的原理，如何分片，断点续传，如何记录上传进度2.useEffect和useLayoutEffect的区别3.vue2和vue3的区别4.响应式如何做的5.选项式api和组合式api的区别6.组合式api有什么缺点7.diff算法原理8.vue和react的diff算法的区别9.vue2和vue3的diff算法的区别10.jwt登录机制11.http请求有哪些12.同源策略是什么13.跨域方法有哪些14.CORS的头部字段是什么15.jsonp原理16.除了script;标签，哪些标签可以跨域17.为什么使用proxy代理服务器可以跨域18.数组浅拷贝的方法有哪些19.闭包的使用场景20.webpack打包优化21.loader选型22.为什么使用jwt23.Object.prototype.a = 10;var obj = {b: 20};Object.defineProperty(obj, 'c', {enumerable: false,value: 30,});for (let k in obj) {console.log(k);}输出是什么var obj {24.对应的this指向问题：普通函数调用箭头函数调用方法调用嵌套普通函数箭头函数调用解构赋值后调用}输出是什么

1.实习介绍2. 你刚刚提到项目里用了泛型，那你能不能具体说说这个泛型是怎么根据传入类型去适配不同处理函数的3. interface 和 type 的区别4. keyof、in、typeof、infer 分别在实际工作中你是怎么用的5. 假如我们封装一个表单组件，要求字段名必须是后端返回字段的一部分，怎么处理6. 回流和重绘区别7. 浏览器加载一个页面时，整个渲染流程8. 做骨架屏时，怎么判断骨架内容和真实内容之间的切换时机9. 移动端怎么做适配10. async 函数在执行栈中的位置是怎么样的11. Promise.all 和 Promise.allSettled 的区别12. jS 是单线程，为什么可以实现并发加载多个接口？13. setTimeout 和 requestAnimationFrame 哪个更精确14. 帧率监控你们是怎么做的15. 小程序渲染卡顿时怎么优化16.H5 页面嵌入小游戏时，遇到过页面内存持续上涨吗？怎么解决的？17.手撕：给定一个数组代表股票每天的价格，请问只能买卖一次的情况下，最大化利润是多少？日期不重叠的情况下，可以买卖多次呢？

1.实习介绍2.浏览器拿到HTML响应之后，渲染页面过程3.CSS 是什么时候加载的？是等 DOM 树构建完才开始吗4.HTML 解析过程中碰到一个 <script> 标签，浏览器会怎么处理5.你刚才提到MutationObserver，那如果浏览器不支持这个 API，你会用什么方式实现类似功能6.我们看这一段代码：图1 这段代码打印的结果是什么？为什么不是local？7.如果我把刚才那个var name = 'local' 改成let，那输出结果会变吗8.解释一下什么是“暂时性死区”为什么let声明变量之前不能访问9.讲一下js的作用域有哪几种10.我们现在有一个全局变量是 let a = 1，页面上有个按钮绑定了一个 onclick 事件打印 a，我把 a 从浏览器控制台删掉了，会报错吗？为什么11.讲一下作用域链，为什么在try-catch 里 catch(err) 中的 err 是块级作用域，但try里不是？12. 果我有一个变量在 setTimeout 里修改了值，而外部同时访问这个值，能保证拿到最新值吗为什么13.我给你两个连续的style标签，里面写了两个相同选择器但不同样式，渲染时到底谁生效？为什么？14.如果我动态用innerHTML插入一段 <script>，它会执行吗？和用createElement的方式插入有什么不同15.我页面上用了iframe做内嵌组件，结果一个按钮点击事件怎么都监听不到，为什么16.讲讲webpack的loader和plugin的执行顺序17.react 的 useEffect 和 useLayoutEffect 有什么区别？哪个先执行18. vue 的响应式是怎么实现的？那我问你，Object.defineProperty 为什么不能监听数组的 push？Vue2 是怎么解决的19.如果我在页面里创建了一个超大的数组 new Array(1e9)，但没赋值，也不访问，浏览器会卡死吗20.我页面上只放了 1 张图，但 Lighthouse 跑出来提示资源加载过大，啥原因？21.手撕：数组中第k个最大元素