武汉微派测试工程师一二面面经

1.   我想做一个豆包的这样一个产品的app，前端后端你都考虑，你会怎么做2.   因为gpt这种大模型是打字机，如果要你实现，你会想到什么方式实现3.   网络协议端是如何实现的4.   sse协议有了解过吗5.   上下文的管理，你从前后端如何做上下文的管理，比如存储之类的，如何去设计6.   那比如说终端的存储怎么存储，一次都是一百万字，如何存7.   那后端应该怎么存呢？提示我redis相关和mysql相关8.   如何优化性能，让输入输出更流畅，需要做哪些优化，终端后端前端都可以考虑9.   最快实习是什么时候

面向对象：校招/实习岗位面向全体在校生（25/26届毕业均可），为符合岗位要求的同学提供为期3个月及以上的前端实习机会，进组后有mentor手把手指导landing和技术成长，有转正机会，以往经验看，转正通过率100%。社招岗位需要25年之前毕业。专业要求：计算机及其相关专业优先，其他理工类专业有前端或者编码经验也可以。团队介绍：地理位置中台支撑字节系众多业务，抖音、生活服务、电商等，在前端也具有诸多技术挑战，如WebGL可视化方向的地图渲染，业务场景上有中后台产品和抖音C端产品。团队优势：leader非常棒，团队氛围轻松，技术有挑战不压抑，兼具中台团队的稳定性与业务、技术上的挑战性，来这里给...

部门：剪映-深圳timeline：4.25一面4.27二面4.28三面4.29hr面之后就一直泡着排序更：5.13oc，拒了————————面经一面1h：问项目token被窃取了怎么办如果要你设计一个系统可以从哪些方面解决这个问题intersectionObserver怎么实现的无限滚动，和用scroll有什么区别了解虚拟列表吗，用intersectionObserver怎么实现接着问项目，引导怎么拓展和优化一个里面一个功能点http2接着引导那个优化点（鼠鼠拼尽全脑一通瞎猜乱扯把自己说笑了，面试官遂放弃，接着往下进行了，但事后鼠鼠搜了一下发现鼠鼠扯得应该挺对了）nodejs了解koa吗讲讲express中间件有什么好处this指向题手写：封装一个函数，只在第一次点击按钮时执行，之后就不再执行讲讲闭包讲讲发布订阅发布订阅有什么好处手写：发布订阅点了一下直接delete事件会有安全问题二面45min：怎么想着大二就出来实习可实习时间学校的课怎么办为什么选前端学前端多久了两个项目的背景为什么选择写线上商城遇到的难点，怎么解决的自己最大的两个优点和缺点（鼠鼠说觉得自己脑子很聪明，绷不住笑了，面试官也跟着笑）有些急躁有导致过xxxxx吗？（没听清说的导致过什么，猜测可能是说工作延误之类的，当机立断说没有，主要导致自己焦虑）如果早上给你个任务，要求晚上ddl，你会到什么时候才寻求帮助平常有写文章的习惯吗（鼠鼠说自己语文不好，面试官又乐了，鼠鼠意识到在考写文档的能力，遂找补道平常会复盘然后写一些思路之类的）你希望在这段实习里学到什么怎么看ai现在在写代码上发展到什么阶段了最近在用哪个大模型ai在你学习里作用大吗，或者说和不用ai的效率进度差别大吗能接受的上班时间（鼠鼠说不上早八就行，面试官笑了说他们不上早八，鼠鼠接了句我们上早八写点代码题吧，最近有正在写的什么小项目吗？（鼠鼠思考了一下要不要编个，遂决定还是直接说没在写什么，最近都在准备面试。又把面试官逗笑了）手写：合并有序数组写一个登录页面，可以用ai反问：这轮是技术面吗？是如果通过的话后面还有几轮面试？正常来说至少还有一轮hr面业务？to B还是to C？即梦ai的to C面试结果什么时候能出来？今晚三面30min：问项目共享屏幕运行看看

一面(1h)1. 讲一个你参与过的项目，你在项目中的职责、使用的技术栈以及遇到的问题。2. BFC的作用及触发条件，使用场景讲一下。3. 在项目中，你使用过哪些ES6特性？4. 常见的HTTP状态码有哪些？分别表示什么含义？5. 前端缓存机制讲一下，如何利用前端缓存机制优化性能？6. HTTPS相较于HTTP有哪些优势？讲一下HTTPS的加密原理。7. 请求头中包含哪些重要信息？如何通过请求头实现跨域资源共享（CORS）？8. Vue的响应式原理是什么？如何实现数据的双向绑定？9. Vue的响应式原理中，为什么直接通过索引修改数组元素无法触发更新？如何解决？  10. 在使用Webpack时，你采取了哪些优化措施？11. 地图中大量标记点（Markers）的渲染性能如何优化？13. 实现一个函数，计算二叉树的最大深度。● 题目描述：二叉树的深度是指从根节点到最远叶子节点的最长路径上的节点数。请实现一个函数，接收一个二叉树的根节点作为输入，返回该二叉树的最大深度。● 输入输出要求：输入一个二叉树的根节点，输出一个整数，表示二叉树的最大深度。● 示例：// 示例二叉树：//     3//    / \//   9  20//     /  \//    15   7// 最大深度为3const root = {  val: 3,  left: { val: 9, left: null, right: null },  right: { val: 20, left: { val: 15, left: null, right: null }, right: { val: 7, left: null, right: null } }};console.log(maxDepth(root)); // 输出：314. 编写一个函数，实现两个二进制数字符串的相加，并返回结果字符串。● 题目描述：给定两个表示二进制数的字符串，编写一个函数将它们相加，并返回相加后的结果字符串。输入和输出都为字符串，且只包含字符 '0' 和 '1'。● 输入输出要求：输入两个字符串形式的二进制数，输出一个字符串，表示两个输入二进制数的和。● 示例：const a = "1101";const b = "1011";console.log(addBinary(a, b)); // 输出："11000"二面(1h)1. 讲一下你的前端模块化的理解。2. HTTP/2 解决 HTTP/1.1什么问题？3. 在你的项目中，你是如何设计埋点方案统计用户点击“加入购物车”的行为？4. Hash 模式和历史模式（History API）的路由跳转差异，如何实现服务端兼容。5. Vue 2 的 Object.defineProperty 和 Vue 3 的 Proxy 在响应式处理数组时的区别是什么？  6. 讲一下Vue 的异步更新策略，以及 nextTick 的实现原理。  7. Loader 和 Plugin 在 Webpack 中的作用有何不同？举例说明常见应用场景。  8. Webpack 热更新（HMR）的实现原理，包括客户端和服务端的协作流程。9. 手写一个支持异步链式调用的 Promise 基础版本，需包含 resolve 和 then 方法。 10. 给定数组 nums，判断是否存在三个元素 a, b, c 使得 a + b + c = 0。 11. 设计一个地图搜索框的自动补全功能。三面(40min)1. 讲一个你觉的最有成就感的项目？2. 平时用那个地图软件，你觉的百度地图和高德地图有什么区别？3. 在很多人协作开发中，若遇到接口定义不一致或代码冲突，你会如何推动问题解决？4. 你有没有团队中主动分享或推动技术方案的经历。5. 平时是怎么学习前端的？了解的最新的技术是什么 ？6. 未来3-5年，你希望在前端领域达到什么目标？地图的业务场景实现个人成长？7. 给定两个非递减整数数组 nums1（长度为 m+n）和 nums2（长度为 n），将 nums2 合并到 nums1 中，保持非递减顺序。