好未来前端一二面面经

4.18 一面 45min1.null和undefined，typeof null2.事件冒泡3.两栏布局4.apply，call，bind区别，返回什么5.如何用js画图6.forEach和map区别7.promise和async8.em rem9.vue如何响应增加数组面试官很好，一直在引导，就是我确实当时八股不熟。三天后人才库4.28 捞一面  45min手撕：1.约瑟夫环加强版，圆桌吃火锅，第一个人开始数，第k个人吃一口，每个人吃辣能力在一个数组里，吃到多少口就退出2.手撕bind1.项目问性能优化，有什么难点，怎么解决的2.新建一个对象有什么方法3.构造函数 实例函数 原型关系 原型链4.apply call bind区别开始就出了一道hard手撕，估计就是没眼缘了第二天挂

作用域有哪些了解 + 代码输出var let const 有什么区别作用域链闭包是什么浏览器的垃圾回收机制（两种），为什么引用计数法js现在不使用了，如何解决闭包中的内存泄漏问题普通函数与箭头函数的区别Promise 有哪些了解，promise.all promise.allsettled 有什么区别手写Promise.allpromise 的三种状态，是否可逆浏览器的事件循环机制如何理解的，事件循环代码输出0.2 + 0.1 == 0.3 吗 ，为什么不等于 ，那么0.25+0.75 为什么等于1，如果处理这种精度问题。flex 用过吗，flex : 1 代表什么，flex-grow:1, ...

一面（2025/02/13）1. 自我介绍2. 你如何学习前端的3. 为什么没有继续深入大数据相关行业4. 项目介绍    1. 项目功能    2. 如何处理学生考试时提交结果的高并发的问题    3. 为何选择 Pinia 而不是更加主流的 Vuex，出于什么考虑    4. 项目打包过程，产物是什么样的，浏览器能运行什么文件，能运行 ts 文件吗，为什么只有一个 index.html 却能显示不同页面，Vue 中的 template 代码是如何在浏览器中被看到的（这里一开始没有回答上来，所以在引导我）（单页应用 SPA）5. 工程化    1. Vite 打包过程    2. Webpack 与 Vite 的区别    3. Webpack 中的 loader 是做什么的    4. es6 转 es5 是怎么实现的，听说过 Babel 吗    5. npm、pnpm、yarn 的区别，lock 文件是做什么的6. Vue    1. 组合式 API 与选项式 API    2. Vue3 与 Vue2 的区别    3. 组件通信方式7. CSS    1. 有哪些布局，讲一讲 Flex 布局，常用属性    2. 定位方式    3. 选择器优先级，important 的优先级是多少8. JS    1. 实现异步的方式（回调、Promise、async/await）    2. Promise 的 API，Promise 的参数是什么    3. 事件循环，JS 引擎为什么是单线程    4. 浏览器缓存（强缓存、协商缓存）9. Git    1. 常用命令    2. rebase 与 merge 的区别10. Linux 常用命令11. 数据结构与算法    1. 数组和链表    2. 有哪些排序算法，冒泡排序与快速排序的时间复杂度    3. 图的表示方式    4. DFS 和 BFS，层序遍历属于哪个12. 反问：什么是大前端如何学习前端的回答没有让面试官满意；项目细节不太了解，没有去尝试理解更深层次的部分；对前端打包细节了解不多；基础知识仍然需要再完善提高。美团的面试官让我对面试有了新的认知，跟京东的面试体验差距好大。二面（2025/02/20）1. 面试官自我介绍，自我介绍2. 能实习多久，什么时候能来3. 你熟悉的技术栈4. 盒模型5. 居中方式6. 事件循环7. 防抖和节流8. HTTP 状态码9. OSI 七层模型10. UDP 和 TCP，TCP 为什么更可靠11. GET 和 POST，POST 为啥要两次请求12. JS 与 TS 的区别13. TS 类型14. v-model 原理15. computed 和 watch 的区别与使用场景16. nextTick 使用场景和实现17. 事件总线18. 项目相关    1. 介绍 OJ 重构项目、人员规模、开发周期、你负责的内容    2. 为什么要重构    3. 重构时如何保证系统功能稳定性    4. 为什么选择 Pinia 而不是 Vuex    5. 组件库的选择考量    6. 介绍大模型对话组件，背景、出发点、开发周期    7. 流式传输协议怎么实现的    8. 虚拟滚动技术怎么实现的，开始与结束的索引怎么计算的19. 算法：最长递增子序列隔了一周挂了，有些没答上来，有些说的不够广不够深，算法看错题了(ಥ_ಥ)

一面（2025/04/07）1. 自我介绍2. 京东物流实习    1. 数据治理怎么做的，怎么保证清洗后的数据的质量    2. 最大的收获    3. 遇到的难点3. 学前端的目的（我回答的一方面是兴趣，一方面是与爬虫技能相辅相成）4. 比较擅长的点，是数据分析吗（根据实习推测的，但我说是数据采集和可视化）5. 平时有写过爬虫吗6. OJ 项目    1. 参与人数    2. 重构目的    3. 遇到的难点    4. 测试没法保证用例完整，怎么处理的（说了个 E2E）7. 泡泡图项目    1. 是个人项目还是？    2. 项目背景，为啥做这个，有没有上线8. 说一个前端哪一个方面你花了很长时间钻研，如何去学习的9. 闭包，使用场景10. 原子化的理解11. Vue    1. 通信方式    2. Vuex 原理，为什么 actions 和 mutations 分开，如果是你的话为什么这么设计12. AI    1. 如何去学习 AI 相关知识的，比如说一个新技术刚诞生你是怎么接触并掌握的    2. 有没有将 AI 应用到开发过程中，提效了多少百分比    3. prompt 设计，有没有使用相关工具（说了个描述简单需求但是让 AI 完善 prompt）13. 反问：业务相关，技术栈面试体验很棒，面试官很会挖掘你的亮点和擅长的地方，从京东实习到 OJ 项目到创业的泡泡图项目，聊了很多。面完就感觉稳了。二面（2025/04/10）1. 小程序相关    1. 如何上手项目，怎么学的    2. 小程序的架构了解吗，架构优劣，与 Vue 的区别    3. 遇到的难点，怎么解决的2. 说一说架构设计3. 说一说工程化4. 还了解哪些打包工具，细节，区别5. Vue     1. 响应式原理，实现细节，做了哪些优化    2. diff 算法6. 说一说性能优化7. OJ 项目    1. 如何重构，人员组成    2. 你负责的部分    3. 技术难点    4. 做了哪些架构上的优化8. 有用过 cursor 一类的 IDE 吗，让我看看你的聊天记录（啊，∑(O_O；)）9. 与大模型对话，实现一个类似于小红书瀑布流的页面，他看你的聊天过程10. 用大模型实现一个图片的样式，如果要加一个功能怎么做11. 反问：为啥都爱问大模型，几天出结果面试没啥反馈，而且问的好难，第二天进人才库(┬＿┬)