米哈游校招 前端一面

自我介绍怎么进行学习介绍项目遇到的难点怎么解决的不用echarts怎么实现图表流式数据输出css实现动画的方式水平垂直居中localstorage和sessionstorage区别在浏览器输入url到页面渲染出来的过程重绘重排的概念与区别CSS 中哪些属性会触发 GPU 加速？？？（好像是这个问题）js的异步加载怎么做、执行顺序以及区别事件循环常见的宏任务微任务有哪些常见的导致内存泄漏的场景浏览器的回收机制强缓存和协商缓存以及各自的属性有哪些http1.0和2.0区别elementui按需加载怎么实现的vue组件间通信vue响应式功能怎么实现的，怎么做到的监听vue的生命周期以及各个生命周期做...

先问一下一面时没回答上来的东西，之后才开始问新的。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检查下错误，又建议我不要单纯的抄网上的项目，要把每行代码都搞懂，尤其是各种配置文件里的东西寄。

🎯 写在前面26届的秋招还在如火如荼地进行，27届的实习也已经拉开序幕。属鼠作为 211非科班本 + 985硕 的一个小喽啰，组内唯一选择前端赛道的巨弱，从去年6月开始系统地学习前端，今年秋招侥幸拿到了三个中大厂的Offer。一路走来，经历了许多迷茫，也踩过不少坑。这篇内容是我对过往面经和八股问题的梳理与总结，希望能帮到正在奋斗的前端小伙伴们一、八股的出没时机与考察方式我们都知道，前端面试主要考察三驾马车：项目、八股、手撕代码。那八股到底在什么环节出现呢？核心结论：八股主要集中在 技术一、二面，越往后的轮次，对纯粹八股的考察越弱化，更侧重于结合场景和项目。以常规的3-4轮技术面试为例：一面（...

再约不到就考公了，每次都是不合适，累了