26前端实习选择

一面(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 中，保持非递减顺序。

5.20 腾讯 微信游戏&小游戏 前端暑期实习 一面  60min 1.简单自我介绍2.拷打项目（问的很细）3.css盒子模型4.OSI七层模型5.DNS解析过程6.Udp和tcp分别是什么7.讲一下cdn8.讲一下xss攻击9.怎么预防xss攻击10.Xss攻击检测方法有哪些11.闭包12.Js数据类型13.V-if和v-for区别14.V-if和v-for实际是怎么实现的15.Vue2和vue3区别16.Piana原理讲一下17.Webpack用过哪些插件，详细说一下18.怎么学的前端19.怎么做的项目20.手撕：实现JSON.stringify（尽量控制10min内完成），写完后讲思路，怎么判断function21.反问腾讯的面试官问的很专业，反馈的意见感觉也挺有帮助的

貌似基本都是在聊项目，偶尔的八股也是从项目里延伸的1、自我介绍2、项目相关3、react的原理4、vue的原理5、vue和react的区别6、场景题：一个人在访问你做的网站的时候，碰见了白屏，你会怎么分析这个问题？7、用户输入url发生了什么？8、几十万数据的通讯录如何做？9、讲一下对ts的理解10、项目里跟安全相关的地方谈一下手撕：十进制转n进制说是后面还有个人，所以时间比较短，不到一小时就结束了，希望不是kpi😭 --------后面又加v，多出了道题手撕：大数相加--------当天晚上，最新消息，进二面了，但是一想到后面还有好几面就头疼😞--------6.3更新 约面委了，求放过--------6.4更新 面委过了！！！

腾讯微信前端面试面经：技术与沟通的双重考验一、面试初体验这次腾讯微信前端的面试，整体节奏张弛有度。开场长达20 - 30分钟的项目交流，让我感受到面试官对实际项目经验的重视，后续的技术问答和算法考察也极具针对性，尽管最终未能通过，但整个过程收获满满。二、项目细节深度探讨1. 大模型相关技术交流面试一开始，面试官便聚焦于我在实习中涉及的大模型调用相关项目，围绕前后端交互、数据结构化处理、流式传输等技术点展开提问。当谈及流式传输时，我提到工作中接触过的Server-Sent Events（SSE）和Backend For Frontend（BFF）架构，解释了SSE如何实现服务端到客户端的单向实时通信，以及BFF层如何针对前端需求定制数据接口，减少冗余请求。在聊到JSON流式解析时，面试官追问“为什么选择自己手写解析？”，我坦言最初是出于学习目的，参考了开源项目的实现逻辑，希望深入理解数据逐块处理的原理，但这个回答可能未能展现出足够的实际应用价值。2. 智能自驾数据可视化项目我介绍了负责的智能自驾数据可视化项目，主要通过React Hook获取数据，再利用表格组件进行展示。由于项目逻辑相对基础，缺乏性能优化层面的实践，面对面试官对性能优化的潜在期待，我未能给出亮眼的回答，意识到这是自己项目经验中的一大短板。三、算法与技术实操考察1. 算法题：有序链表合并第一道算法题是合并多个有序链表，这是经典的归并问题。我采用分治思想，先两两合并链表，逐步减少链表数量，最终得到合并后的有序链表。通过代码实现和思路讲解，基本完成了题目的要求。2. 技术题：防抖与节流第二道题考察**防抖（Debounce）和节流（Throttle）**函数的实现。在实现节流函数时，我使用记录上一次执行时间的方式，控制函数在指定时间间隔内只能执行一次。但当面试官追问“如何优化防抖函数，避免重复创建定时器”时，我没能及时想到通过保存定时器ID（timeoutId），在新触发时清除旧定时器的方案。面试官略带遗憾的一句“这不应该呀”，让我意识到这个关键知识点的疏漏可能影响了整体评价。四、轻松闲聊与最终结果算法环节结束后，氛围变得轻松起来。得知面试官也是成都人，我们自然地聊起家乡美食、生活日常，还调侃了一下恋爱话题，整个交流十分融洽。面试官最后表示最迟次日给答复，虽然最终收到未通过的消息，但我明白或许是有更契合岗位需求的候选人，这次经历也让我清晰认识到自身技术短板与改进方向。