美团前端校招二面

讲了15min实习项目，问了一些项目问题为什么拿到转正还面秋招自己相对于其他实习同学的优缺点为什么选择前端向外行介绍vue，总结几个vue的关键词了解什么前端的最新技术会用node.js吗手撕：找字符串数组的最长公共前缀无八股，最后反问业务和对校招生的建议。一面和hr面一样，感觉像kpi啊。。。。。。回人才库了hh

1. 我们先来做个编程题：用 JS 写一个倒计时组件。写好后，我们再聊聊有哪些可以优化的地方。2. 刚才这个倒计时，如果希望用户刷新页面后还能继续计时，数据存哪里比较好？3. Cookie、LocalStorage 和 SessionStorage 这三种浏览器存储方式，有什么区别和联系？分别适合用在什么场景？4. 聊聊浏览器的强缓存和协商缓存机制吧，它们是怎么工作的？5. 你之前的项目里，主要用的是哪种缓存策略？6. CSS 单位里的 rem 和 em 有什么区别？7. 挑一个你最熟悉的项目，介绍一下它的技术架构，你在其中主要负责什么？遇到了哪些挑战？8. 平时会用 AI 大模型吗？主要用它...

先问一下一面时没回答上来的东西，之后才开始问新的。1. 订单号ID可以用Number类型保存吗？为什么？是否有什么隐患。含糊地回答了几次，面试官说可以确保ID唯一、也不存在类型转换等等问题，就是Number保存唯一ID有什么隐患。没回答上来。2. 继续追问上面的问题，给了提示问Number和Java里的数字类型有什么异同？还是没理解提示的含义，又乱说了一些，面试官说ID排除小数情况等等。想了半天还是没回答上来Number到底有什么问题3. 继续追问，Number对应的是Java里的哪个类型，大脑宕机说了个int，面试官说Number可以是小数，下一题。补充1：上次忘了突然想起来了，问前段有哪些优化，我说防抖节流、图片压缩合并、懒加载预加载、打包工具。补充2：继续追问，这些优化都在哪里生效，怎么生效。补充3：分包为什么能优化，减少的是什么时间？其他的优化哪些就失效了。假设没有电线的传播延迟。有点蒙，忘了怎么回答的，记得分包还生效，因为发送处理接受也有限制，不知道对不对。补充4：如果没了传播延迟，分包优化还有用吗？回答的有用因为还有机器的处理时间，不知道对不对补充5：如果资源全部在本地，这些优化还有用吗？我说内存加载也要时间，分包和懒加载应该还有用，不确定对不对补充6：如果内存无限，哪些优化还有用。不知道，彻底懵了4. 说一下useEffect。比较简单5. 继续追问，useEffect里的return函数是在组件卸载时执行呢？真的吗？确定吗？在想一下？我说有依赖就是每次刷新的时候执行下，没依赖就是组件卸载时执行，不知道回答的对不对。6. 说一下useCallback。比较简单7. useCallack具体什么时候用，说场景，不要说功能。想了半天说和React.Memo一起用，平时从来没用过，不知道说具体场景到底什么意思8. 说一下项目里的jwt，具体什么流程。比较简单9. 说一下自动登录，具体什么流程。比较简单10. 说一下自动登出，具体什么流程，我说设置定时器不断地检测logintoken有没有过时11. 继续追问，面试官说定时器有问题，能不能优化，我说前端的请求都带上logintoken，后端每次请求都检测下，不知道对错。12. 为什么现在登录都是双token，一个token也可以达成相同的效果，说一下一个token的隐患。我不知道，只能说安全问题。13. 项目采用了哪些安全方面的东西。我说jwt权限检测、跨域、salt加密。14. 追问跨域是什么15. 如果跨域没配置，到底是哪里、或什么系统、机制阻挡了通讯？不知道，瞎说了个浏览器识别的。16. 大模型前端返回了一堆markdown，怎么在前端渲染出来？说下大致思路。平时也接触markdown但不知道具体是什么，只能胡说。期间面试官换了各种问法、给了一堆提示，我理解的是markdown就是字符串，直接渲染出来不就行了？肯定是没回答上来。面试官还专门说现在大模型这么火，应该知道的……17. 说些能展示你技术能力的东西，我说用websocket实现了一个聊天系统、还有埋点系统等等。面试官说这些都是demo级别的，还有什么东西没。我说没了18. 代码题：返回一个数组的中间位，它左右两边元素相和是一样，我写了个双指针实现。老师说是leetcode原题，我写的没法通过全部测试。面试结束，反问：我说评价一下，面试官说AI啥都有，自己问AI检查下错误，又建议我不要单纯的抄网上的项目，要把每行代码都搞懂，尤其是各种配置文件里的东西寄。

项目+八股+手写八股1. 什么是防抖和节流？两者的区别是什么？2. 防抖和节流的实现原理是什么？分别有哪些应用场景？手写防抖3. 为什么会有跨域？4. 一般跨域的手段都有哪些？分析结果题5. 已知 picture A（元素含图片URL，对应渲染S1、S2、S3）和 picture B（元素含图片URL+唯一key值，对应渲染S1、S2、S3），删除两者中对应S2的中间项后重新渲染，picture A 和 picture B 分别渲染出几张图片、是哪几张？原理是什么？（没答出来，后续面试官补充核心关联 Vue 2 数组 diff 逻辑）6. 原生 React 父子组件中，能促使组件重新渲染的因素...