11.10 武汉盒马/盒雁 前端 一面

#发面经攒人品#自我介绍为什么学前端，实习没转正的原因是什么？（菜呗。。。）JS如何判断是不是数组instanceof的原理是什么？原型链的终点是什么防抖和节流的区别项目中如何去解决跨域问题CSS中的flex:1具体是什么含义Vue3相比Vue2有哪些新特性Vue中的nextTick有什么应用场景代码输出题monorepo相比于传统方案有什么优势不用pnpm的话你如何实现monorepo架构，是否了解过Luna？canvas绘图是否了解？项目中做过哪些性能优化，有哪些指标衡量页面性能反问业务 const a = new Promise((resolve, reject) => { con...

一面（50min）1. 前后端都做过，为什么最后选择前端这个方向呢？2. HTML 的语义化的标签有哪些，语义化的作用3. CSS 的盒子模型，通过什么属性去进行设置4. 三栏布局如何实现5. position: sticky 是相对谁去进行偏移的6. 响应式布局的实现方案7. rem怎么设置8. 在不同屏幕（360px、375px、414px 等）上保持 “一行三等分元素” 的统一效果，怎么实现9. JS 的闭包10. 什么是防抖节流，如果不停的触发，时间都是 500 毫秒，那如果在 3 秒内，那防抖，节流会触发几次11. JS 事件冒泡和捕获的过程12. Vue 有哪些核心特点13. Vue 为什么要替 jQuery 呢14. 为什么要做性能优化15. 首屏加载完成了，这个指标从哪里去读16. 什么是LCP，最大的元素是怎么定义的17. 了解网页上的一个资源加载的一个瀑布流吗？怎么用浏览器查看18. 从输入网页地址到首屏加载完成，整个过程是什么样的19. http1.0, 1.1, 2.0的区别20. HTML 的这个渲染过，JS 会不会阻塞 HTML 的渲染流程21. 手写Promise.race二面（60min）1. JS 的事件循环，日常中，比如你写一个代码逻辑，有哪些场景会触发这些？有哪些是宏任务，有哪些是微任务？2. JS 的原型链3. history 和 hash 两种路由以及它的两差别和常用的用法4. JS的内存泄漏5. React 的 常见hooks 的用法6. 阐述一下使用 axios 的 API 开始构造一个 post 请求。从代码角度以及从代码开始写之后，操作系统以及它底下的链路是怎么运行的7. HTTP 请求和 HTTPS的区别8. SSL/TLS握手在哪一步执行9. 手撕嵌套数组对象的广度和深度遍历（递归和栈分别实现）10. Webpack 的工作原理和工作流程11. Git 的相关的命令有哪些12. git rebase和 git merge 的区别是什么13. 怎么去看待小米的这个公司的发展的情况14. 怎么去看待个人的技术发展与那个公司的业务发展这两个之间关系

#发面经攒人品#话题自我介绍前端的学习路线用Vue手写todoList组件，包括新增、删除和完成功能（写模版和js就行）Vuex和pinia的区别，迁移过程中有什么困难点介绍一下pnpm+Monorepo相比传统多仓方案的优势Vue2组件升级到Vue3要注意什么问题讲一下实习项目的技术选型和架构设计，以及状态管理是怎么做的TaiwindCSS和UnoCSS原子化方案的优缺点调用组件的时候要用新的样式覆盖组件原始样式，BEM和原子化CSS两种方案下分别应该如何实现？用过什么ai工具反问

麦当劳面试，说起来有点抽象因为我提前了几分钟进面试间，也是早早的就开始了，面试官共三人：HR+2个技术；摄像头对者两名技术面试官一开始自我介绍，巴拉巴拉，然后就是两个技术面试官换着提问。介绍一下项目的重难点！以及怎么解决的。主要是根据你简历里面来问的八股：浏览器的存储机制？当时为什么选用pinia？Vue中vuex和pinia有什么区别？React里面常用的哪些钩子？看过这些源码吗？React里面diff算法什么？以及怎么样理解Fiber？你对Webpack和Vite了解多少用过吗？他们之间的区别有哪些？怎么实现打包的？说一下你对TS的了解？性能优化有哪些方式？尽量多说几种只记得以上的一些问题，还有些记不得了！最搞笑的是我的反问环节：我提问你们是做什么业务的，男面试官说“我们是卖汉堡的！”我回复说：“那正好，我也是麦当劳忠实吃货，我经常吃汉堡，怎么买才更加优惠！”。一个小插曲就这样发生了。最后了解，他们他们是基于RN进行开发的，主要是小程序和app，B端也有一部分。最后也开心的结束了面试，面试结果一到两周才出，也是非常的man哈！最后也是评价一下面试体验：体验感不错，面试官表达清晰，男面试官比较幽默，女面试官比较和蔼亲切吧。期间大家都沉默了十几秒：估计是两个面试官相互等对方问问题吧！笑死