美团前端一面面经

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

1.实习项目介绍 2.华为云控制台页面存在大量表单组件(如输入框、下拉选择、复选框)，如何实现表单的统一校验逻辑?需支持必填、格式(如IP地址、端口号)、范围(如数值区间)校验，如何处理校验结果的实时反馈与错误提示? 3.JavaScript中的原型链是什么?请结合实例说明原型链的继承机制，在华为开发者平台的“用户类”设计中，如何利用原型链实现不同角色用户(普通用户、开发者、管理员)的属性与方法复用? 4.华为智慧园区管理系统需要展示复杂的设备状态仪表盘，如何用CSS实现响应式布局，确保在PC端、平板端、手机端都能清晰展示数据?如何处理不同屏幕尺寸下图表组件的自适应缩放? 5.React中的虚...

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 跑出来提示资源加载过大，啥原因？

如题，这是一位同学面完字节分享的题目，字节总体上难度会比较大，所以没准备好建议不要约面，留下脏面评会影响后面投递。前端开发中，热更新（Hot Module Replacement, HMR）几乎是必不可少的功能。它能够在代码修改后无需刷新页面就实时生效，大幅提升开发效率。尽管 Webpack 和 Vite 都支持 HMR，但两者的底层实现方式完全不同。理解这些机制不仅能帮助我们优化开发体验，也能在面试中回答得更有深度。一、热更新的基本概念热更新的核心目标是：在代码改动后，只替换变更的模块，而不是整页刷新。其基本流程包括三部分：监听文件变化；通知浏览器；浏览器执行模块替换。无论是 Webpack...