美团前端OC

1.说一下开网店写前端的经历2.讲一下本科时候竞赛如何做可视化的渲染优化（从数据策略以及JS代码层面）3.说一下实习做的业务4.为什么需要node层 以及node层做了什么5.讲讲服务端渲染流程、场景以及如何JS接管6.微前端框架实现大概思路7.微前端如何去做样式隔离以及JS变量隔离以及子模块如何跟基座之间完成通信8.讲讲node端的事件循环以及跟浏览器区别9.讲讲跨域相关及CDN编程题1.状态提升以及原型链以及箭头函数 看代码写输出2.找第K大元素

美团一面（1h20min）项目拷打-项目介绍跟数据来源-项目共享屏幕在线演示-如何处理优化八股- TS函数范型- Promise代码改写- Flex布局讲解- useEffect return讲解- useState和useRef区别- webpack基本流程- react找包流程- loader和plugin区别 是否写过- Babel讲一下 AST伪代码算法-数值方法实现sqrt()方法二面纯场景+项目（偏移动端）

1.自我介绍，说了十分钟，问了一个全栈开发的项目2.AES RSA都是什么，有什么区别，私钥公钥有几对3.JWT是什么，全称是什么4.React Hooks都是什么，和vue的有什么区别，Reacthooks怎么用5.JS数据类型都有什么6.数组API都有什么，用过哪些7.前端显示图片的方式，图片可视化的标签都有什么8.canvas是什么，在项目里怎么使用9.如何实现button的渐变效果，比如从深红到浅红的渐变，有几种实现方式10.JS数组都有什么，用在哪里，对象数组是什么11.JS首页渲染怎么实现，也就是浏览器渲染首页流程12.白屏怎么办，懒加载是什么怎么实现13.React状态管理工具怎么用14.v-if 和v-show有什么区别。都是干什么的15.手撕： m*n 初始化值为0，尽可能简单的写16.开始深挖项目和实习：首页渲染页面性能提升50%怎么做到的之前实习项目的组件是公司自己的还是你自己写的分页是你做的还是后端帮你项目的数据量有多少之前应用的页面为什么会白屏，闪退，原因是什么知道吗，是搜输入的时候就闪退还是什么17.平时用ai吗都用什么，让ai写css给他指令怎么给18.ai使用占比多少，90%？

1.手撕：数组中第k个最大元素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 跑出来提示资源加载过大，啥原因？