4.18 美团数据平台（貌似是叫这个）前端二面（凉经）

锐明技术一面：二面要线下 不想去没去1、什么是原型链2、vue2和vue3的区别3、三种存储方式有哪些localstorage和sessionstorage区别4、css垂直居中的方式5、组建之间的通信方式6、promise和settimeout的区别7、实现双向绑定的原理8、加密算法的区别9、webRTC反问意见：没有抓清楚回答的重点，面试官提问的重点小鹅通一面：二面基本都是问项目没有八股 已oc没去1.简单说一下webRTC的整个项目的实现2.为什么考虑使用虚拟列表3.虚拟列表是怎么实现的（实现原理）  可以考虑分页4.说一下怎么判断是否在可视区域5.JS常用的数据结构6.怎么理解闭包7.js继承怎么实现的8.js继承和C++继承有什么区别9.http常见的协议头10.日常访问网页的时候 有时候访问图片、视频 会让你下载 有时候又让你在网页预览 你怎么做，怎么理解的反问意见：需要加强业务上的思考。比如虚拟列表可能会占用内存等腾讯音乐一面：（kpi两次 面完秒挂 没有手撕）1.怎么解决跨域的问题？2.项目难点3.单点登录4.项目最大的收获5.Js数据类型6.怎么判断数组类型7.数组怎么去重（set怎么转数组）8.字符串怎么转为数组9.数组排序（指定升序排序）10.web页面 有哪些策略进行性能优化11.说一下CDN让访问变快的原理12.域名解析的过程13.浏览器缓存的原理14.什么情况下会命中强缓存（协商缓存）问的很细15.图片懒加载实现原理（需要更加底层）16.说一下浏览器dom渲染过程17.Http2/http3比http1优化的地方18.http状态码19.解决跨域的方法20.为什么有跨域的问题21.Xss攻击（怎么攻击 怎么解决这个攻击）22.为什么输入脚本可以攻击23.Js实现继承（很细）24.为什么父类的引用类型属性会被所有子类共享25.深拷贝实现26.如何在全局捕获js异常27.衡量页面性能的指标（需要答很多）28.Nodejs react反问意见：需要了解网络相关的底层原理美团一二面 已oc 决定去美团了八股基本都是类似的 手撕数组去重 能写多少写多少 用map去重第二次手撕是路径匹配 需要处理./ ../ 感觉美团想要你的话 问项目会问的比较多反问主要是问的他们那边的业务

1、讲一讲你的项目（问了比赛和项目背景，但是面试官好像觉得没什么含金量）2、简单讲一讲数据结构3、手撕一道栈，记不清具体的，但应该是栈加回溯，挺简单的（写完了还问我时间复杂度的问题，这个我答的不太好）4、手撕数组中第k大的数（快排变种或者自定义一个大小为k堆）5、讲一讲osi七层模型，每一层是干什么的6、tcp属于哪一层7、你是怎么学前端的8、反问周四晚上面的应该，第二周周一就进人才库了

1.项目中的倒计时和扫码支付如何实现 （移动端如何监视到用户已扫码）2. 监控FCP怎么做的 （答了控制台看哪些资源耗时再优化），项目是CSR还是SSR3.加载资源耗时和FCP有关系吗（面试官总说没关系……）4.script标签有哪些优化方式？defer和async有哪些区别？defer和async影响什么性能指标，会影响FCP吗？5.script放在最下面的话加不加defer和async有区别吗？6.按需引入怎么做的，import是如何做到把模块资源下载下来的？（不会，，面试官说反正这么写就行）7.常见的数据类型，symbol的用法，为什么会有bigint，精度范围是多少8.http状态码->怎么做出来一个204和206？（不会，说了用1.1版本断点传输。面试官说204用得不多）9. 手撕：用提供的bridge.use方法实现createPromiseMethod方法，              setTimeout事件循环判断输出内容和时机，              数组根据id分类体验很一般，面试官一直在打哈欠#牛客AI配图神器#

amy何时能到二面？项目：一个await的代码题，这个挺寄的 async function request(){ return new Promise(resolve => { setTimeout(() => { console.log("request finished"); resolve(); }, 3000); }); } for(let i=0;i<10;i++){ console.log('start',i) await reque...