14号一二面，15号三面，差不多一周后挂的，面经还是发出来吧，好像base北京还挂着前端的岗位，造福一下后来人被挂后自己分析了下，可能还是有个别八股不熟悉，就像三面被问的那个，以及其实对实习的项目深挖的不够，还有就是运气也不咋地吧哈哈，被挂了emo了挺久，现在也释怀了，命运给我什么我就接受什么吧【一面】1.js单线程还是多线程？为什么被设计成为单线程语言？单线程不能充分利用cpu的并发能力，设计成多线程不好吗？（我回答可能就是多个线程同时操作一个dom元素导致浏览器不知道咋办）2.既然这样，不可以加锁吗？（我回答可能跟浏览器调配各种进程资源的能力有关.......?）3.听说过web worker吗？4.和主线程最核心的区别？5.所以js还是单线程语言吗？（面试官说最完整的描述应该是：操作跟dom有关的线程是单线程，但是为了解决CPU密集型任务，他可以通过web worker来解决，但这个worker线程和主线程有能力上的区别）6.this指向输出题7.事件循环输出题8.能不能宏任务优先，微任务低优？9.服务端渲染有什么好处吗？（ssr不是比csr更快，只是渲染在哪做，但是渲染的那块时间也不会少，并没有优化性能）10.ssr为何有利于seo？11.webpack五要素12.loader和plugin的区别13.什么叫树摇14.让你实现一个plugin，必须实现哪个方法？15.webpack声明周期16.webpack在production的优化？（多线程，面试官说是在构建时的优化，应该答splitchunks）17.splitchunks有哪些好处18.vite比webpack快，最根本的点？（应该是答基于esm）19.为什么vite开发不全量打包是为何？（面试官说是因为webpack那时候浏览器还没有esm模块化）20.手撕无重复最长子串【二面】1.项目难点介绍2.koa2的洋葱模型是为什么（代码层面）？3.中间层维护？怎么确保中间层服务的稳定？（实习项目相关）4.多个接口调用，怎么并发执行？（promise.all，描述如何实现）5.怎么实现有最大请求数的并发控制？（异步调度器scheduler实现，手写）6.promise的then是返回新的promise还是原来的？总是返回一个新的实例。7.为什么promise的then/catch/finally可以链式调用？8.then里面可以return this吗？9.首屏可以有哪些优化手段？10.懒加载组件怎么做？11.打包完成之后是怎么懒加载的？浏览器请求下载这个单独的bundle的方式是什么？（不懂，这块不知道）12.settimeout怎么理解？13.webpack/vite热更新怎么做的？14.react组件间通信15.为何redux同步修改状态在reducer，异步操作在thunk中？（不知道，因为不可变更新吗）16.react的diff算法？【三面】1.你参加的那些比赛分别做了什么？2.研究方向是什么？3.为什么选择那个公司实习？(不知道怎么回答）4.讲一下小程序做的啥？5.taro设计的dsl，到支付宝/微信小程序/h5的dsl有看过吗？怎么设计的（dsl啥意思不知道，下来查了才知道原来就是让我解释taro的编译型跨端原理orz）6.请求层重构讲一下？（实习相关，重复请求拦截+支持主动取消请求）7.业务层主动取消是在什么情况下？（实习项目相关用户操作触发了请求但是用户又很快退出这个页面了）8.bff层做的什么？（实习项目相关）9.接口编排具体指的什么？（实习项目相关）10.bff用的什么启动？node还是express？或者pm2？11.node启动有做什么维护稳定？（我答错了，不是指和grpc的连接那块怎么提供稳定服务，这里面试官问的是怎么保证中间层服务的稳定性）12.做轻量化社交平台的契机？13.选react18的原因?（我大概从18的提升上说的，并发渲染还有和ssr的结合）14.在这个练习项目中，最大的收获？（验证自己的学习成果，提升技术掌握熟练度，以及接触一些新的技术比如nextjs、websocket）15.耗时比较久的是哪块？16.讲一下原型链17.类之间的继承，原型发挥了什么作用？（没答好，直接说了子类继承父类的原型需要手动写，但下来查了这是es5之前的，有了原型es6之后就不用手动写，super的调用就包含了原型的继承）18.事件循环讲讲？19.对未来半年到一年的职业发展？20.对自己的技术学习有什么规划？（我回答的跟业务深度契合的技术栈上深入学习）21.抛开业务层面的话，想学习什么技术？

背景24年毕业，毕业后考研一年。双非科班毕业，大学期间在学校的实验室负责实验室项目的前端部分的开发和维护，技术栈是Vue + TypeScript，决定开始找前端方向的工作。首先是花了半个月练习算法、准备项目和八股。然后开始投简历，既有在BOSS和智联等招聘网站投，也有在各公司官网投递简历，陆续收到面试通知。通过分享了解到栗栗姐，多方了解后感觉很专业，于是就主动联系了栗栗姐。其实BOSS上有很多od HR主动联系的，但是担心不专业。早上10点栗栗姐直接打电话，与我沟通了半个小时，详细讲解od的内容。之后就开始走流程了。面试流程：机考(150分钟)--->综测--->HR面试(25分...

1. 为什么要走 java 这条路2. 是否有考研计划3. 自学的学习路线是怎么样的4. 平时学习和自学的时间是怎么安排的5. 介绍项目6. 浏览器发起请求到后端发生校验整体的执行流程是怎么样的7. sa-token 进行注解式权限校验的原理是怎么样的8. 假设现在有一个请求是需要将一个图片共享出去，给一个没有登陆的人来访问，你会考虑怎么实现，并且限制共享的时间为一个小时，基于你现有的权限框架，你会怎么扩展9. 假设我在 59 分的时候拿到你共享出来的这个链接了，61分的时候还能继续用吗，结合你刚说的 satoken 框架的token 刷新机制来说一下10. 你说你选择使用临时token 的方案，如果每个用户都是用这个临时token， 那么会不会显得太笨重了，你有没有什么其他的方案11. 你说你使用了模板方法和门面模式，你的抽象类和子类之间的方法都有哪些，你的抽象类的骨架是怎么样的，有哪些抽象方法，作用分别是什么12. 为什么没有考虑不直接在前端上传文件13. 你说你通过手动事务的方式来解决云存储上传成功但是数据库更新失败从而产生孤儿文件的情况，你通过回滚来删除云存储已经上传大的文件信息，那么这样对于用户体验是否友好，用户明明点了上传，但是提示上传失败，你可以考虑怎么优化，我答的用重试机制来代替回滚14. 断点续传是怎么做的，在网络不好的时候是怎么解决的15. 在你当初设计者模块的时候是怎么考虑的，有没有从用户的角度去思考，我答了异步上传来优化体验，又追问要是前端用户刷新了浏览器，那文件上传不就断开了吗，这里确实没有考虑到16. 前面你提到了 redis key 的过期策略，讲一下 redis 中过期key 是怎么被删除的17. 当时发现首页图片加载慢的瓶颈是在哪里，怎么定位到的18. 为什么把图片数据缓存在了jvm 缓存或者是 redis 中，二进制的数据不适合做缓存，你有考虑过吗19. 假设现在你在写代码的过程中突然告诉你缓存不能这么用，你会如何调整或者重构你的方案，你的优化思路是什么20. 当时为什么选择使用云存储来存储图片而不是使用数据库来存储数据信息21. 多人协同编辑是怎么实现的，是否可以查看编辑轨迹，是否支持回滚，如果要你支持，你怎么实现22. 是否每一次编辑都会度图片进行存储，答只有最后一个人退出编辑才会将数据存回云存储，追问怎么知道哪一个人是最后一次退出编辑的，怎么监听的，答通过 websocket 的断开连接回调函数23. 你的项目是否支持水平扩展24. mysql 什么是最左匹配原则25. 慢 sql 排查思路26. mybatis 如何防止 sql 注入27. 分页查询中mybatis 是如何映射到实际的sql 语句的28. 在使用框架的时候是否有看过源码，对哪些源码印象比较深刻29. 算法 LRU,本地 ide，15分钟内完成全程一个半小时，结束后一小时约二面

三面已挂，换到了tiktok泛架构业务组，重新从一面开始....1.自我介绍，因为简历是后端，上来就问你是选面后端还是前端？2.实习经历询问。3.进程和线程的区别。4.IO模型。5.数据库索引结构6.数据库的四种隔离级别。7.mysql主从同步机制，binlog日志的格式。8.长连接与短连接。9.场景题：积分排行榜，亿级用户，1-2秒延迟。10.自己的优缺点。