牛客AI配图神器

总结一些前端的手写题，希望帮助有需要的人。有些是网上找的，有些是我面试中遇到的。具体代码可以让ai写。1、排序算法2、二分查找3、数组扁平化（正常实现 和 使用reduce实现，以及限定扁平层数）4、instanceOf手写5、对象深拷贝 （包括Date、RegExp等特殊对象）6、防抖节流7、Ajax请求8、数组去重（以及空间复杂度o(1)的方法实现）9、寄生组合继承10、函数柯里化11、sleep函数12、setTimeout实现setInterval13、发布订阅模式14、lodash中的get方法15、手写new16、call、bind、apply实现17、promise相关（all、allSettled、any、race）18、promise并发控制19、防竞态请求20、实现useEvent21、实现单例模式22、红绿灯问题23、实现lazyman24、数组转成树结构如果有其他的手撕，也欢迎大家补充。

发面经赞人品面试官水准还是太高了，基于你回答深挖原理，以及为什么这样，这样解决是什么问题？还有更好的办法嘛？1.自我介绍2.介绍http和https？TLS解决啥问题？如何进行加密的，介绍过程；你说的服务端发送证书给客户端，客户端如何校验这个证书的合法性？你提到的公钥私钥加密算法，你有知道还有哪些嘛，他们加密的流程是什么样的？服务端端如何校验客户端请求是正确的合法的？面试官解释说到私钥公钥算法底层用到椭圆函数，我的天这给我干哪来了！3.解释http有哪些协议？分别有哪些特性解释一下？介绍这个对头阻塞是啥？udp他的特性是啥？说一次tcp的三次握手和四次挥手这个流程？为什么是三次握手挥手却需要四次呢？tcp和udp在网络模型的哪一层？http呢？websocket呢？4.知道线程和进程是啥嘛？你刚说到浏览器一个页面就是一个线程？那你知道为什么要这样设计嘛？主要解决啥问题？5.我们有大型的任务，可能会影响到性能，那你知道cpu密集型计算是指啥？什么任务会遇到这种瓶颈？你项目中有遇到过嘛？6.js如何实现任务的并发的？底层的机制是什么？7.介绍事件循环？你一般常用到这个机制是什么？8.js的基本数据类型有哪些？分别通过什么方式存储？引用数据类型赋值的底层原理是什么？介绍一下栈和堆存储的特点？9.ts中的type和interface分别介绍一下？10.有了解ts泛型嘛?项目中哪里有使用到？11.有了解ts体操嘛？12.介绍一下react的特点？他是如何实现性能dom高一些更新呢？你说到fiber架构你知道他底层有两颗树嘛？说一下虚拟DOM以及diff更新的流程？简单说一下diff算法底层实现？你在项目有没有遇到diff算法带来问题？fiber底层依赖的数据结构是啥？如何实现可中断的可执行的？13.介绍react常用的hooks?hooks为什么不允许写在if,else里面？面试官解释这和fiber的数据结构有关，因为底层是链表，保证有序14.接受你项目中用的less,用了哪些语法？15.css场景题：如何实现两列数据中间gap为10，三列数据中间gap为20；提示伪类选择器16.css常用的布局17.你ai对话项目遇到什么问题需要实现虚拟滚动？虚拟滚动是啥？如何简单让你实现虚拟滚动你如何实现？为什么需要这个highMap他的作用体现在哪？滚动的计算比较复杂，你会如何优化这个js的计算？有了解requestanimationfarme嘛？18.你项目流式渲染如何实现的？19.如果让你再来改进你这个项目的话？你如何改进？渲染的性能可以哪些角度来改善用哪些方法？20.把这个项目大致的链路介绍一下？思维链组件如何实现的？21.介绍一下你这个基于open claw自动爬取ai news的这个功能？手撕：给你一个扁平数组对象的结构，根据特定规则实现一个数组对象的树的搭建反问：1.我的表现怎么样？有哪些需要改善的？有哪些需要补充的知识点？整体挺好的，宽度和深度不够2.现在ai发展这末快，面试官对我这个职业生涯的规划有什么建议？建议学精一个方向3.公司主要业务是做啥？4.公司还有多少暑期名额？

面试官真的很有耐心，人非常nice，但问得也是真的很细。面完半小后约HR面。有没有人说说HR面会问啥？【希望能过吧，以前真没想到面个试这么耗精力，这一周感觉都被掏空了】1.请做一下自我介绍。2.你掌握的数据结构有哪些？3.请讲一下一致性哈希的原理和解决的问题。4.请讲一下Ring buffer（环形缓冲区）的相关内容。5.请讲解一下HTTP状态码的相关分类和含义（如2xx、3xx、4xx、5xx）。6.请讲解一下四层网络负载均衡和七层网络负载均衡的区别，以及各自的应用场景。7.请讲一下反向代理的原理和常用工具，以及正向代理的相关内容。8.进程间通信的方式有哪些？哪种方式效率更高，为什么？9.请讲一下MySQL主从复制的实现原理（基于binlog、redolog相关）。10.多个从节点之间出现数据不一致的问题该如何解决？11.你了解的消息中间件有哪些？RabbitMQ、RocketMQ、Kafka这三种消息中间件的区别是什么？12.Redis中最常用的数据结构有哪些？13.请讲一下Redis中Zset（sorted set）的底层实现和优化策略。14.什么是小哈希和大哈希，二者在查找、插入性能上有什么区别？15.请讲一下TCC分布式事务算法的相关内容，以及它和2PC、3PC的区别。16.你在项目中使用的服务发现组件是什么，它的实现原理是什么？17.你在项目中使用的序列化协议是什么，为什么选择该协议？18.长连接的适用场景是什么？哪些场景不适合使用长连接，原因是什么？19.请设计一个评论系统（包括数据库表设计、数据结构、关联关系等）。20.【反问】想具体知道会做哪些模块的工作？有没有导师？

简历很重要，很多同学的简历现在都是偏陈列一些概念，有的时候技术能力都够的，项目也做了不少，但是不会提现在简历上。你做了8分，可以包装优化成10分，但是很多同学的项目写的只有五分。下面就给大家一些可以直接参考复用的话术，需要更定制的简历优化等可以私我。一、任务规划 / Agent 核心能力点：多步任务执行能力•设计基于 ReAct / Plan-and-Execute 的 Agent 执行框架，实现复杂任务的自动分解、逐步执行与结果整合•构建支持多轮决策的任务状态机，提升复杂流程下的执行稳定性与可控性⸻点：决策与路由•实现基于模型推理 + 规则约束的任务路由机制，动态选择工具调用路径•设计 tool routing 策略，提升工具选择准确率并减少无效调用⸻二、工具调用（Tool Use）点：工具链设计•封装统一工具调用接口，支持搜索、数据库查询、API 调用等多种能力扩展•构建可插拔工具层，支持快速接入业务系统（如 CRM / 工单系统 / 数据平台）⸻点：调用可靠性•引入参数校验与 schema 约束，显著降低工具调用错误率•设计工具调用重试与 fallback 机制，提升任务成功率⸻三、RAG + Agent 结合（高频加分项）点：检索增强•搭建 RAG 检索模块，结合向量检索与语义重排提升召回质量•将检索结果作为 agent 决策上下文，提高复杂问答准确率⸻点：协同架构（重点包装）•设计 RAG + Agent 协同架构，将“检索-推理-执行”解耦，提升系统可扩展性与稳定性•优化长上下文场景下的信息选择策略，降低噪声对决策的干扰⸻四、记忆（Memory）与上下文管理点：多轮对话能力•实现基于短期记忆 + 长期记忆的上下文管理机制，支持复杂多轮任务•设计 memory 压缩与摘要策略，降低 token 消耗并提升响应效率⸻点：用户状态•构建用户级上下文存储，实现个性化任务执行与历史行为复用⸻五、稳定性 / 防“翻车”（非常关键）点：防幻觉 / 防乱调用•通过输出约束（JSON schema / function schema）减少模型幻觉与格式错误•引入结果校验与二次确认机制，提高关键任务可靠性⸻点：异常处理•设计超时控制、异常捕获与降级策略，保障系统在不稳定情况下仍可运行•构建 fallback 逻辑（规则/模板回复），避免任务完全失败⸻六、评估与数据驱动（很多人不会写，但很加分）点：评估体系•构建 Agent 评估指标体系，包括任务完成率、工具调用准确率、响应延迟与 token 成本•设计离线评测集与自动化评估流程，支持模型与策略迭代⸻点：优化闭环•基于日志分析持续优化 prompt 与工具策略，提升整体执行效果⸻七、性能优化（工程感直接拉满）点：延迟 & 成本•优化 prompt 结构与上下文长度，使平均响应时间下降 X%•引入缓存与结果复用机制，降低 token 成本 X%⸻点：并发与吞吐•设计异步执行与任务队列，提高系统并发处理能力•支持多任务并行执行，提升复杂流程处理效率⸻八、工程化能力（决定你是不是“能进组的人”）点：可观测性•构建日志与 tracing 系统，记录 agent 决策路径与工具调用链路•实现任务级监控，支持问题快速定位与回溯⸻点：系统化落地•将 agent 服务化部署，提供标准 API 接口供业务调用•支持模块化扩展，降低后续功能迭代成本⸻九、业务价值（一定要写，不然像玩具）点：效率提升•将原本依赖人工处理的流程自动化，日均节省 X 小时人工成本•提升任务处理效率 X%，缩短响应时间 X%⸻点：场景覆盖•支持 X 类业务场景（如客服、数据查询、报告生成等），提升系统使用率⸻十、直接可用的“完整项目描述”（可复制）大家可以直接用这个版本👇项目：智能 Agent 平台（LLM + Tool Use + RAG）•设计并实现基于任务分解与工具调用的 Agent 执行框架，支持多步推理与复杂流程自动化•构建 RAG + Agent 协同架构，将检索、决策与执行解耦，提升复杂问题处理能力•封装统一工具接口，接入搜索、数据库与业务 API，实现多场景任务执行•引入参数校验、重试机制与 fallback 策略，显著提升任务执行稳定性•实现多轮对话记忆管理与上下文压缩，优化长任务下的性能与成本•构建评估体系（任务完成率 / 延迟 / token 成本），驱动持续优化成果：•任务完成率提升 XX%•平均响应时间降低 XX%•人工介入率下降 XX%

1. 自我介绍并说一下最近的这个项目，觉得哪里有一些复杂度比较高的，你可以详细聊聊2. 这个项目是你实习做的吗？还是你自己练习的项目？（我说是老师项目组的）3. 我看你了解的知识面还挺广的，你是通过哪些方式进行前端的学习的？（GitHub、B站、掘金、极客时间）4. 有没有做过系统一点的学习？比如书籍之类的（我说你不知道的JavaScript）5. 这本书有什么理念，或者说你觉得印象比较深刻的？（说了this，把 this 全部过一遍）6. 那你在实际项目中有哪些场景有用this去做一些方案，或者说做一些小的工具函数之类的？（我说有，比如单例模式，然后全部过一遍）7. 那单例模式，你是在什么样的一个场景里面去用的？为什么会选择单例模式？有什么优缺点？8. 你刚刚说扩展性比较差，弹簧组件是全局的，那假设另外一个场景也需要使用这个组件，但是它又要有些不一样，那这个时候你会用到什么设计模式呢？9. 我看你项目写了响应式布局，你是之前做过移动端吗？（我说有）10. 那你是怎么做的适配的？因为有高倍屏、低倍屏，还有些手机尺寸不一样。11. 你所有的布局都是用的 px 去进行布局的吗？（我说还有 rem）12. 那你觉得 rem 的值应该设置为多少呢？（我说是除以10，追问，我说在GitHub上面阿里源码扒下来的）13. 对于样式布局，你了解哪些方式呢？（我说有 flex弹性布局、grid网格布局、table表格布局、定位布局、浮动布局） 哪种用的比较多呢？（我说flex弹性布局）14. 那你可以说一些 flex 的样式属性吗？（我说有flex-direction、flex-wrap、flex-justify、flex-align、flex: 1）15. 听到我说 flex 布局，面试官扔了到题目过来：用 flex 布局完成从左边的到右边的效果 alt text（P1）16. 手撕树形结构遍历：要求最后的结果为 28 alt text（P2）17. 继续回归项目：对于 jwt 认证保障的话，你可以说一下它大致怎么实现的呢？18. token 你是存在哪里的？（我说存在 localStorage 中） 为什么存在 localStorage 中？（我说一开始是想放在 cookie 中，但是刚好接触了 axios，然后进行封装，更方便）19. 你这7天过期的逻辑放在 localStorage 中是怎么做的呢？（我说我设计了长 token 和短 token） 面试官说这个方式没见过，比较有意思😄20. 短 token 过期，前端拦截到错误然后用长token做请求，那你这个逻辑岂不是接口会做一个重试的逻辑？那如果长 token 也过期了，那这个时候你会怎么做？（我说会跳转到登录界面，重新登录）21. 跳转界面是在前端还是后端做的重定向？（我说是在前端，axios 封装，错误码）22. 你前端做重定向的时候，你是通过什么样的一个 API 去做的？（我说是 window.location.href('/login')） 那你这种方式跟 location.replace('/login')、location.push('/login') 有什么区别吗？（我说 window.location.href('/login') 是会刷新页面的，而 location.replace('/login') 是不会刷新页面的）23. 你点的浏览器回退，你还是可以回到上一个地址吗？（我说直接退出到登录界面）24. 我看你另外一个项目设计了一个拖拽式布局，你可以说一下会用到哪些API吗？还是说你这个功能是通过第三方库实现的？（我说原来是自己写的，后面效果不是特别好，就用了第三方库，在 npm 上的 Allotment） 那如果让你用原生 JS，你知道要用到哪些 API 呢？（我说 mouseDown、mouseMove、mouseUp、mouseOut，监听鼠标的点击事件，获取鼠标的坐标，计算容器的宽度）25. 面试官说前端基础就面到这，我心想这还只是基础吗😭，然后反问：- 面试表现（提了一嘴 AI，平时有用过什么 AI 工具吗？）- 面试官说可以系统学习，多看书籍，知识点比较零散- TikTok 到底是负责什么的- 贵公司技术栈

约面的挺突然。。狠下心接了1.自我介绍2.讲讲JAVA的反射3.可以继续讲讲AOP，动态代理[ 因为讲反射不小心吟唱到了例如AOP的动态代理，但是这块记忆的非常不熟，结果磕磕绊绊 ]4.项目我看你写了AOP和注解，具体怎么实现滑动窗口限流的[ 梦到什么说什么，吟唱八股发散千万不要散到自己不熟悉的区域 ]5.也讲讲为什么另一个项目选择令牌桶，具体流程6. OK，讲讲 Redis 的数据类型？还有吗？就了解这五种嘛[ 把5个的基础类型从应用对比到历届底层全都吟唱了一遍。一句还有吗直接没力气了，简历就写了理解5种，别的我是真一点没看TT ]7.讲讲Redission分布式锁实现8.这个指数退避怎么实现的9.在这里有考虑去保障幂等性嘛10.这里为什么使用指数退避呢? 什么时候用均匀重传[已经晕过去了说不了解，刚说了后就意识到，估计应该说指数退避能缓解压力防止下游服务器雪崩之类的]11.ok，那讲讲JMM12.讲讲RocketMQ如何保证的不丢消息13.讲讲RocketMQ延迟消息原理14.讲讲项目Redis实现会话记忆这一块15.如果ai调用function calling出现幻觉，有考虑怎么解决吗？[ 不了解，面试官说什么接口幂等化，高危操作人工防护，没在听，感觉人已经飞升了TT ]16.mcp了解嘛？和function calling有什么区别[ 依旧不了解，只能说了个前者规范架构抽象解耦，后者耦合高只能算个工具调用]17.AI生成代码的代码质量怎么保障，那平时如何review的呢18.算法。lc215  数组中最大第k个元素19.打算考研还是本科就业20.反问1️⃣有哪里不足，有哪些需要提高的部分。[主要说知识广度不够，多刷算法，让我别太紧张]2️⃣部门业务会做什么人生第二次面试。感觉大厂面试官的气场压力很大应该凉了不过这次面试非常锻炼心态，多面试，多面试。

本人33岁了，目前在字节大模型团队 拿了一汽红旗长春老家的offer ，薪资也不错。到底是选择继续呆在字节满一年还是现在回长春老家