shopee虾皮前端一面

1.箭头函数和普通函数的区别2.箭头函数为什么不能改变this3.箭头函数充当构造函数哪一步会报错4.怎么理解箭头函数this指向继承外部作用域5.平时怎么使用箭头函数6.浏览器的缓存机制7.怎么判断强缓存还是协商缓存8.协商缓存为什么要同时有etag和last modified9.协商缓存的具体过程10.在浏览器的控制面板中的磁盘内存和浏览器内存11.vue2和vue3的区别12.vue3响应式的优势13.vue2怎么监听对象属性的增加减少14.vue3组合式API的优缺点15.你怎么用AI解决问题16.会记录解决问题的方法论吗17.怎么看待前端和AI的关系18.webpack和vite的区别19.vite的缺点20.为什么vite的开发速度更快21.有没有了解最新的构建工具

1.vue2和vue3的区别2.v-if v-show的区别3.Dom节点的增删对浏览器性能的影响4.一个网页在使用时正常，后面使用出现了卡顿和崩溃，如何检查，如何解决5.九宫格布局的多种实现6.grid布局实现九宫格布局的缺点7.两段 JavaScript 代码输出try {setTimeout(() => {try {throw new Error('error info')} catch(error) {console.error(error)}}, 0)} catch (error) {console.error(error)}try {setTimeout(() => {throw new Error('error info')}, 0)} catch(error) {console.error(error)}这段代码的输出是什么，原因是什么8.setTimeout和setInterval在浏览器如何执行9.你平时是怎么学习前端的手撕：数组元素去重（不能用set和indexof）反问

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个最大元素

一面 1. 多个用户同时登陆如何判断token是谁的？2.实习中遇到的挑战3.围绕项目提问4.为什么用webgl渲染，了解其他的渲染方式吗（webgpu、webusb）5.monorepo多包管理6.react的安全漏洞7.react里怎么接入vue组件（给我问懵了，说web component包装，算对）8.AI：MCP\agent智能体、知识库9.进程和线程的区别10.面向对象编程/函数式编程11.并行/并发代码：1.代码输出（事件循环）2.手撕：图片懒加载二面：1.对于美团工作的诉求2.上一份实习最大的收获（答：开发状态转变，问有没有具体case）3.项目人员配置，承担什么工作4.技术选型5.为什么选这个组件库6.什么场景会用到vibe coding7.直接用npm workspace就可以了为什么要＋lerna，解决了什么核心问题8.lerna怎么实现的多包管理9.性能优化指标怎么得出？如何实现？10.总结渲染层面的性能提升手段11.一些第三方库的底层实现原理代码：1.K个一组反转链表2.求一组数的中位数。多种实现方式