2025.5.1450min，手撕+和项目相关的场景题拷打只录了自己的声音，具体的问题记不清了，没有大模型相关问题面试官太好了，全程面带微笑，直接叫我的名字面试官先进行自我介绍，然后介绍部门，确认个人信息。自我介绍。面试官说一面已经考察过算法了，二面编码就不考察很多算法了，考察解决实际问题的能力，以及开放性问题，没有正确答案，说自己的思路就行，不会的就跟他说换一个，有很多题可以问。1. 手撕代码，没要求运行，是给定一些日期区间，有起始时间和终止时间，求重叠的时间段。面试官非常详细的介绍了这个题目的背景，商家在确定酒店价格的时候不能选择重复的时间段。题目中要求时间复杂度是O(n)2. 敏感词过滤怎么实现的3. 目前互联网中要屏蔽的敏感词很多，还有什么时间复杂度更低的算法4. 有些人会在敏感词中间插入一些字符，这样该怎么判断敏感词5. Kafka如何保证消息的可靠性6. 用户点赞失败后如何解决7. Redis中如何8. 出现过缓存穿透吗，如何解决9. 用户登录凭证怎么做的10. 多种身份的用户怎么实现鉴权11. 出了一个场景，像知乎盐选，冲了会员才能看一些内容，管理员也能将用户设置成非会员，如何实现这个功能（这边简单回答了之后，还是追问了一些）12. 用户会员过期了怎么办（到时间会员过期，或是管理员让这个用户会员过期）13. Redis集群有一个节点挂了，怎么办14. 所有的节点都不可用了怎么办15. 这时候描述一下大量请求到服务端到数据库的这个过程是怎样的16. 说了限流和熔断，追问服务器端要怎么做，数据库端要怎么做17. Redis中某个请求很多的Key（上万）怎么分担压力（分片）反问，最后评价说有知识广度，编码思路也挺好的（不知道是不是安慰的话）技术细节方面，平时可以多考虑下提高性能，确定性能评估方案——————————这三天面了5场，快虚脱了，许愿能有一个好结果

总耗时52min你对后端开发工作的看法java的stream API有哪些不太好的地方如果cpu占用很高，应该如何排查优化进程间的通信方式分布式架构的特点有哪些你有没有在工作中遇到过高并发的问题，跟我说一下（有个damn）kafka的重分区机制知道吗kafka如何保证数据有序mysql的binlog的使用场景一般是哪些mysql的慢查询优化方式explain有哪些重点字段flink的非组测试了解吗如果有五个数据流，里面有很多数据是相同的，如何把这五个数据流的相同数据匹配出来算法题：零钱兑换

项目拷打1.展开说下性能优化哪些手段(vite自动分包，图片格式转换，tree sharking移除未使用代码)2.除了tree sharking还了解过别的方式优化包大小吗3.展开说下vue-router和权限拦截？如果通过地址直接进去了能进吗？(面试官说可以) 怎么实现不可以？(挂载视图的时候判断)vue-router也有生命周期4.除了localstorage还有哪些持久化存储？(cookie，sessionstorage？)5.cookie localstorage sessionstorage三个的区别？八股1.js的基本数据类型2.判断类型有哪几种方法？3.instanceof()方法的原理是什么？4.说下js事件循环5.看题：事件循环的题6.说下闭包概念 (答错了？？)7.说下vue框架的设计思想？(怎么实现双向绑定的？除了proxy还用了哪些设计模式？)8.vue组件通信有几种方式？9.状态管理你有用过吗？pinia是什么实现的？计网10.说下TCP三次握手过程11.http协议里面浏览器会限制一个跨域，说下跨域12.解决跨域13.实际项目里面你有遇到跨域 解决过吗 (这项目有涉及到后端，没遇到过是没做后端还是后端部署在同一个域名上？)14.vite和Webpack你使用到什么程度？写过Webpack插件吗？有做过plugin和loader吗？有写过什么插件吗15.算法题

一面（2025/05/06）1. 自我介绍2. 社交、新闻数据聚合平台项目相关    1. 导师项目还是个人项目    2. 架构设计，比如技术选型、前后端怎么设计、怎么考虑并发、预期 TPS 等    3. 爬虫的数据怎么与后端联动的，因为后端用的 Node.js（面试官觉得 Python 与 Node.js 无法直接交互，但我们后端的作用只是负责给前端提供数据，爬虫的数据会直接写入数据库然后被分析）3. OJ 项目相关    1. 权限设计    2. token 怎么存的，为什么这么存，存在本地安全吗，如果重新设计该怎么做确保安全（回答的存在服务端，然后客户端使用 id 去拿到服务端的 token，id 存在 cookie 里，似乎有其他更好的办法）    3. 那怎么确保这个 id 安全，加有效期限    4. 还有吗，提示：比如我通过 JS 获取到（设置 HttpOnly，禁止脚本获取 cookie）    5. Vue 里面有个路由守卫，可以控制不同权限的用户访问不同的路由。那 js 可以怎么实现呢，如果用户直接浏览器跳转呢（ 回答的前端手动实现路由守卫，控制用户能看到哪些页面，后端权限校验，不通过返回 403）4. 代码输出，说思路（面试官一直在提示，但我没答上来，this 指向没学得好）```jsfunction Counter() {  this.count = 0;  setInterval(function() {    this.count++;    console.log(this.count);  }, 1000);}const a = new Counter()```5. 代码输出，说思路```jsconsole.log(1)setTimeout(function() {   console.log(2)}, 0)const p = new Promise((resolve, reject) => {   console.log(3)   resolve(1000) // 标记为成功   console.log(4)});p.then(data => {  console.log(data)})console.log(5)```6. flex，怎么垂直居中，flex-grow 是什么7. 用 css 实现一个三角形8. 实现一个 Vue 的 keep alive，面试官一直在提示我(ಥ_ಥ)```jsclass KeepAlive {  constructor(maxNum = 5) {  this.cache = new Map();  this.maxNum = maxNum;}  addVNode(key, vNode) {    if (this.cache.has(key)) {      this.cache.delete(key);    } else if (this.cache.size >= this.maxNum) {      const oldKey = this.cache.keys().next().value;      this.cache.delete(oldKey);    }    this.cache.set(key, vNode);  }  getVNode(ley) {    return this.cache.get(key);  }}```9. module 、chunk 和 bundle 的区别10. 实现方法把数组的非零元素放在前面，零元素放在后面，O(1) 空间复杂度```jsfunction moveZero2End(arr) {  let p = 0;  for (let i = 0; i < arr.length; ++i) {    if (arr[i] !== 0) {      arr[p++] = arr[i];    }  }  while (p < arr.length) {    arr[p++] = 0;  }  return arr;}```11. 有没有在用 AI 工具，怎么用的，被夸了，说我接触的很深12. 反问：对我面试的不满之处和建议（被夸了哈哈，说我思路清晰，回答或者做题之前会说思路，建议就是多补齐前端知识的宽度和广度）面试官很会引导你，还会解释自己的问题，面试体验非常的棒。秒约二面～二面（2025/05/08）1. 自我介绍2. 讲一下 HTTP 不同版本的区别（这里一开始说的有些乱了，面试官让我重新总结一遍）3. Vue 2/3 的区别4. Vue 实现倒计时组件5. m 元钱随机分给 n 个人，最大可分到 m/2，最小可分到 0.16. OJ 项目    1. 几个人开发，开发周期    2. 为什么要重构    3. 说一个有挑战的事或难点（这里讲的智能训练流程图的组件封装，但面试官似乎不太满意？让我再说说，我就说了信息聚合可视化项目的难点，说了两个：插件开发 / 爬虫中高价值用户获取整体流程与迭代思路）7. 用过 AI 吗，应用方面的呢8. 对 AI 的基础知识或原理了解多少9. DeepSeek 听说过吗，聊一聊实际使用情况10. 用过 AI 编辑器吗，如 Cursor、Windsurf，使用体验怎么样11.  反问    1. 面试反馈：整体还可以，但是需要打好基础并扩展技术栈如 React，沟通的时候要先理清楚逻辑，AI 浪潮下要对 AI 相关的内容保持关注    2. 多久出结果：一周内    3. 工作时间：实习生宽松一些，早十晚八（意思是正式员工会更晚吗）自我介绍完面试官沉默了一段时间，回答完基础知识又沉默了一段时间，我以为我要寄了！然后算法相关，真的很幸运，面试前十分钟看了牛客上的面经，结果真的问到了！