美团前端一面

这是我最不理解的一次，有史以来发挥的最好的一次面试，什么问题都答了，tmd做完手撕自我感觉良好，周一一看一面挂，我是百度一生黑先说一下手撕，第一题是计算一个数组最大的连续非递减序列的长度 第二题是手撕Array.prototype.myreduce()1.自我介绍2.为什么学前端3.学习前端两个月的心得4.如果去做一个需求，但是从来没有学习过这个需求涉及的知识框架，你应该怎么入手5.如果是要让你去对一个技术框架或者技术做一个选型，你认为你会通过哪些方面去对比这些框架6.解释了一下上题答案（上手难度、性能、维护难度、社区成熟度、包体积），你认为这五点中最重要的两点是什么答的社区成熟度和维护难度，面试官稍微有些反馈，不知道有没有标准答案7.让你去对比两个框架或者是两种写法的性能，你会用什么方式去做它？8.项目是怎么做的，是跟着导师还是实习9.你是怎么学习的VUE10.介绍一下这个互动式论坛，这里边的路由守卫通过 token 来实现页面鉴权这个东西你是怎么做的被问了好多次这个问题，总结一下：
客户端使用用户名跟密码请求登录服务端收到请求，去验证用户名与密码验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者 Local Storage 里客户端每次向服务端请求资源的时候需要带着服务端签发的 Token服务端收到请求，然后去验证客户端请求里面带着的 Token，如果验证成功，就向客户端返回请求的数据在我们做用户权限认证的时候，每次请求都会将Token放在请求头中一起发送到服务器端，服务器端通过拦截器进行拦截校验，如果不存在Token、Token错误或者Token过期，则拒绝请求，有效则返回相应的返回结果。Token会失效，Token的有效期一般是由后端设置的，比方说在后端签发Token时给Token设置一个有效期，在字段里面写一个exp代表过期时间，后端在验证 JWT 时，会检查当前时间是否超过 exp，如果超了，就返回 401 Unauthorized。如果Token失效的话，那么对于关键资源的请求就会被服务器拒绝，所以这就实现了一个用户鉴权的效果。11.追问：Token会过期吗12.追问：Token过期了怎么处理？13.JS怎么实现面向对象的？14.手撕算法

05-15 百度小度 日常前端实习一面 25年的第一个大厂面试，晚上七点面试，紧张的一大早五点多就醒了，上早八也才七点半醒来，太没出息了，然后不出意外回答一坨 面试时长：30mins(回答的太拉了，面试官都没心情问了) 地点：百度的一个叫如流的平台，类似与tx会议那种  自我介绍（感觉确实有点紧张，自我介绍也没介绍好，真fw呀） 项目的中的一个，你觉得有意思的，有成就感的，有难度的点，我先说亮点， 一会儿他说这个不用你说，你就说你有没有遇到过什么难点困扰你好久才解决的， 然后我说项目对应的node docker部署当时研究了一段时间，也可能是我没有说清楚，我回答完他疑惑：这，前端不就打包部署到...

这一次还是一个女面试官欸，第一次遇到没开摄像头的(不过还是很好的面试官，素质很高)，就是过程有点吵(能听到别的面试，还有如流真的很卡欸而且UI好粗糙(偷偷蛐蛐，求offer))。1. 自我介绍，怎么学前端的；2. 实习经历；3. Webpack怎么优化的；4. 实习期间图片组件的一些优化，懒加载，webp等；5. 又说了说vue好像(忘记了昨天下午面的hhh就忘了)6. 事件循环题，秒了(比字节、美团出的简单多了)；7. this指向，秒了；8. 手写事件总线，em，虽然我好久没看了，但是写出来了(有瑕疵，下来重写了一下发现并不简单)；9. 场景题：PM让你做一个一天只弹窗一次怎么做？反问：1. 技术栈：百度SAN框架；2. 百度对AI的态度：面试官说她说不上来，让我问三面的经理；

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