TP-LINK杭州秋招提前批-前端一面面经

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

1.不使用JavaScript的情况下实现红绿灯效果，并且红，黄，绿灯依次闪烁2.请实现一个函数，传入参数为一个URL，截取url上的参数以对象方式返回，如传入参数为https://www.nowcoder.com?name="张三"&age=20”,返回{name:"张三",age:"20"}.3.使用XMLHttpRequest对象和promise对象实现一个发起请求的ajax函数4.创建一个构造函数person，有name，age，sayhello方法，再创建一个构造函数student继承自person，并具有额外属性studentid和study方法

目前有了两个offer，阅文和好未来，想问问大家对这两个offer有什么看法，该怎么选择。倾向于转正率高，wlb的，不会轻易裁人的这两个公司title对以后秋招哪个更有帮助呢？阅文：base上海，离现住址近些，但还是要在上海租房。网上信息少，不清楚转正率。部门是大起点平台。好未来：base北京，远一些，网上有些卡转正等评价，转正率大概70%，钱是阅文的1.5倍。部门是智能硬件部。有佬了解这个部门怎么样嘛。引流 腾讯 阿里 字节 百度 美团

蹲个女生舍友，杭州西溪。--------------以下是正文--------------先说一下我个人情况，北邮通信工程，我在本科的时候做过几个微信小程序，忘光了。在今年2月份开始极速学习前端基础。代码算法方面，研一和大四的时候跟着代码随想录刷过一次。轻微流水账，这是一个记录贴。初衷希望能给0实习转码的同学一些鼓励，相信一定能找到愿意培养自己的公司。第一次找工作没什么经验，秋招会及时复盘面经发出来，这次就先不弄了。我从1月份就开始调研咋学习前端，开始慢悠悠学习html和css知识，到二月份开学了才开始对暑期实习感到十分的担忧，开始拼命学js。之前就接触过相关内容所以学的很快，半个月左右就学完了。然后就开始一边学习react一边做项目。4月初开始陆续投递，等了一周就开始有面试了。第一个面的美团，上来就是一个hard代码题，hot100还没刷完的我感到十分挫败。五月中旬之前，我一直处于反复一面的状态。基本上一天三面。晚上还得做笔试。崩溃边缘，但是还得鼓励（欺骗）自己下周必拿offer。或许是乐观的心态，让我在16号以后开始收到一些公司的二面了。包括美团，阿里（智能信息），腾讯，字节。我非常高兴，说明我五一不出去玩，恶补八股和手撕是真的有用。运气好了之后就开始一直破天荒的好。我阿里的淘天和阿里云也进二面了。我记得自己虽然表现的还行，但是整体并不突出。5月20/21号，这两天是小情侣过节的日子。我记得我20号面了美团，阿里智能信息二面，21号面了腾讯，字节，淘天二面，晚上还做了一个笔试。累的半死的同时，实验室导师还在催我的科研进度，我回复：好的。没想到，阿里智能信息居然问了我通信原理，本科学科等很多很泛的问题。我以为要凉了，结果没过一个小时，hr联系我：你好，你的二面已经通过，需要您再做一个线上笔试。我欣喜若狂，不敢相信二面居然问这些都能过。笔试做完了之后，也是立马有hr联系我，约hr面。5月22号，hr面。当场发offer，我整个人都懵了。心里怀疑对方是不是诈骗公司，然后又反复确认。缓了半天，才发现自己居然能去阿里了。简直是做梦都不敢想。我记得我前几天面试压力太大，还梦到过实验室组会汇报自己的offer进度，大家都去阿里。而我连甚至一个offer都没有可以汇报。当场吓醒。最后必须说，阿里真的太好了，愿意相信实习生的潜力，真的给了很多0实习的同学实习机会。我永远是阿里孝女！！！！！---------------分割线-----------记录一下自己转码以来遇到的一些贵人。1.字节的一面面试官，在我最崩溃的时候给了我鼓励和肯定。当时给我面了一个半小时。最后我问他对建议的时候，他说，“你是候选人里面算是比较优秀的了，但是我们这个业务要求很高，我担心把你招进来影响你的成长。”并且还给我推荐学习资料，红宝书。还和我说，“如果你想要继续做前端的话，我可以告诉你，前端依然是十分有前途的方向，希望你可以继续努力。”他的话真的十分中肯。当时我甚至感动哭了，我非常清楚自己不是因为被拒绝哭了（毕竟其实已经麻了）2.腾讯的一位面试官。给了我很多叮咛，告诉我准备好在面试等等。让我感觉十分有力量，我当时觉得我身边那么多帮助我的好人，我怎么可能不成功呢。3.北邮的一位学长，他在一开始给了我职业选择方面的建议，让我坚定了自己的道路。4.我遇到的每一个面试官都出奇的好，没有因为我很菜就表现不耐烦，十分感恩他们的手下留情。5.感谢有对象的陪伴，让我有好好吃饭的动力，并且也一直督促我学习，还帮我把一些高频的手撕和高频的计算机相关的八股梳理出来。有的时候真的想放弃，但是他一直在我旁边和我说，一定要坚持，不能放弃。