一面：一直拷打项目，其中穿插了一点八股更新：已约二面项目相关文件上传流程，断点续传JS错误监控性能数据监控八股React hookuseEffecturl到渲染JS数据类型CSS盒子模型二面：自我介绍工作室规模平时怎么开发的怎么和后端协调场景题算法：二叉树的前中后序遍历反问

一面自我介绍react用得多吗说说react15说说react16react18有什么新特性react fiber生命周期react受控组件Hooks特性useEffect副作用是什么浏览器渲染原理二面ld面，随便聊聊情况，薪资，聊完直接oc

部门：智能驾驶，难度：easyJS数据类型栈和堆判断数据类型有什么方法typeof 和instanceoftypeof null是什么typeof function呢0.1+0.2问题1+2呢TS的type和interfaceTS继承JS寄生组合继承JS异常捕获断点续传算法：千分位转换，要求正则算法：三数之和

自我介绍介绍工作室情况文件上传流程前端关键性能数据监控webpackvitereact vue angular的key有什么用react hook解决了什么问题useMemo学的最好的一门课是什么结束…

感觉是kpi面自我介绍大文件上传流程H5新增特性cookie，localstorage，sessionstoragelocalstorage方法html行块元素数组常用方法forEach和mapfor会改变原数组嘛reduce方法原型链v-if，v-show原理hooksuseMemouseEffect算法：斐波那契数列

    时长：1h20min       面试官没开摄像头（有种不好的预感）● 自我介绍● 文件上传流程（深挖的很恐怖）● web worker● 对promise的理解（深挖）● 一系列关于promise的输出题● 说说promise.race● 手写promise.race● url到页面渲染（不要背八股，他会就你每一个点提问）● 吟唱被打断，TCP三次握手● TLS四次握手● HTTP和HTTPS● 对称加密和非对称加密● 数字证书● HTTP1和HTTP2● 文本格式和二进制格式以及二进制格式好处● 帧● TCP Stream● cookie（深挖）● 手撕lodash.get #如何判断面试是否凉了#

一面，时长：1h20min，1-3- 面试官介绍部门情况- 自我介绍，为什么要做前端，介绍工作室，学习方法- 有做过移动端或者小程序嘛- flex ：1的含义- 尽可能多的说出水平垂直居中方法- JS数据类型- 栈和堆- 闭包- this指向及绑定方式- new创建过程- 手写new- promise以及api- 事件循环代码输出题，有async和await版的- vue和react的区别- react生命周期- useEffect和useLayoutEffect- useCallback和useMemo- react事件机制和原生事件- react高阶组件（我直接把我二次封装antd的弹窗组件给他看）- redux- node- node事件循环- webpack- loader和plugin区别，有自己实现过吗- webpack生命周期钩子- webpack性能优化- http1.0 1.1 2.0 3.0- 算法：矩阵顺时针旋转90°- 反问：对我评价，能达到实习生的要求吗（很有实力）...(每个人都这么说，希望你别反手挂我)二面：时长1h，1-10一上来先写了道算法，一开始想的复杂了，面试官说不用这么麻烦，在他的提示下用简单方法写出来了后面就随便聊聊项目聊聊天，聊得挺开心的。许愿hr面更新：排序挂了#美团工作体验##我发现了面试通关密码#

时长：1h，氛围很欢快，和面试官聊的挺融洽的- 自我介绍- HTML行块元素- 盒子模型- css选择器及优先级（权重）- 隐藏元素的方法以及区别- JS数据类型- JS原型- 原型链（开始吟唱）- 就上一道题提问，问了prototype和_proto_的指向问题（这里他给我挖坑，我回答完他嘴角微微上扬，看来掉进他设的坑里了，他笑着跟我解释，看得出他心情不错）- 原型链的作用是什么- 你刚刚提到了继承，说说有哪些方法可以继承（开始吟唱）- 事件循环- 宏任务微任务（我直接打开下午面滴滴的题跟他解释，说到一半他笑着说可以了，知道你很懂）- 如果在你这段代码里面加一个promise会怎么样，执行结果会变成什么样（放到微任务队列里面排队，面试官笑着说可以了，看来你对异步很熟悉啊）- 执行上下文- 作用域链- 闭包（提了一嘴垃圾回收，面试管听到后嘴角又上扬，他仿佛再说小子你在给自己挖坑）- 说说垃圾回收机制（果然，想给自己一巴掌，但还好略知一二，标记清除和引用计数，面试官说可以了，吓唬你一下）- 对promise的理解- async和await- 如果是await一个非promise会发生什么- 看题输出结果`foo()var foo = function () {  console.log('foo1')};foo()var foo = function () {  console.log('foo2')};foo()function foo() {  console.log('foo1')}foo()function foo() {  console.log('foo2')}foo()//foo2 foo1foo2 foo2 foo2`- 前端性能优化- 手写filter方法（ 没写过，卡了很久，他笑着说没事，你会写什么，我说深拷贝，他笑了笑说不用了，知道你肯定写得出来）- 聊天：我问他要是算法和手写题没写出来是不是直接pass，他笑着说不会，看你整体的表现，看的出来你对前端很热爱，继续保持。还聊了一些当今市面上的一些好玩的东西，总体氛围挺快乐的- 反问：两轮技术面，问我来的意愿强不强烈（难道在暗示我嘛）#我发现了面试通关密码##我的实习求职记录#

一面，时长：50min    难度：easy更新：已约二面- 自我介绍- 从什么时候开始做前端的- 工作室规模，人员组合- 你作为前端技术负责人是怎么做技术选型的- 为什么要用React- 说说AJAX，fetch，axios的区别- 平时项目里React用的是什么版本- 说说有哪些hooks- useMemo和useCallback的作用的区别- 用过Redux嘛- useRef- 闭包- 纯函数是什么- 对promise的理解- 遍历数组的方法- forEach和map的区别- 宏任务和微任务- 看一道输出题```function test() {  console.log("start"); setTimeout(() => {    console.log("children2"); Promise.resolve().then(() => {      console.log("children2-1");    });  }, 0); setTimeout(() => {    console.log("children3"); Promise.resolve().then(() => {      console.log("children3-1");    });  }, 0); Promise.resolve().then(() => {    console.log("children1");  });  console.log("end");}// 结果 start end children1 children2 children2-1 children3 children3-1```- 浏览器缓存- 前端性能优化手段- 手写深拷贝（要考虑循环引用）- 反问：业务部门，两轮技术面，只有一个 hc，对我评价（很不错），两天内出结果二面，时长：1h因为一面是八股的原因，所以二面就一直深挖项目，感觉也没有啥参考性项目一文件上传流程JS错误监控关键性能数据监控场景题项目二共享屏幕显示项目websocket消息已读还是场景题手写模版引擎更新：oc

时长：1h20min寄中寄，问的全是我的盲点，越面我的心越凉一上来先写了两道题1. 一道用promise实现sleep函数，之前没写过，但是写出来了2.稍微修改一下，先输出before ，5秒后输出after3.升级版，发起一个请求实现在5秒后提示请求超时CSS相关（寄中寄，css没看多少）1. 单行文本隐藏，多行文本隐藏2.水平垂直居中3.三列卡片，如何实现每个卡片之间gap为一个固定值，均匀分配空间（我当时说flex：1，space between❌他说我理解错了，当前面试官说的也不太清晰，我也没能理解他的意思❌）4.如何用css实现一个圆（❌没看过，当时心里在想，别再问我css了）5.bfc如何触发还有一些忘了，基本都在问css和空间相关的面试官说你盲点有点多啊……，我当时都沉默了最后写了一道题：如何判断一个点是否在矩形内（心都凉了，怎么还是和canvas相关这方面真的是我的盲点）然后问我有没有了解数据可视化相关的，我说echarts，他说你不可能一辈子都用echarts，要有一定的空间能力（我一定回去好好补基础）

时长：1h30min首先面试官小姐姐做自我介绍，以及介绍了一下业务部门以及技术栈，以及实习生来到之后要做的事（这一点很不错）+自我介绍+为什么要走前端方向，怎么学习前端的，个人未来规划，来实习的话想收获些什么+我们公司在成都，你现在在广东，你是怎么看待实习地点远这个问题的+首先考察项目方面，详细问了文件上传流程，包括切片，秒传，断点续传，重试机制，以及遇到的难点，其中提到了md5，以及webworker，postmessage通信+登录是怎么做的，jwt相关，以及cookie，session相关，太细啦！+除了用jwt还有其他方案嘛+介绍下实时通信项目，pusher，重连机制，用pusher的好处是什么，详细讲讲websocket（太细啦，感觉被扒光光）+回到前面的问题，用户的登录状态是怎么存储在服务器端的（在 Redis 中用 HashMap，我滴汗，不是前端面试嘛）+问点网络相关的问题，你是怎么理解跨域的（开始吟唱）+你刚刚提到jsonp的xss攻击，详细说说+在不同的环境下如何做跨域处理（Proxy）+说说浏览器缓存，强缓存和协商缓存，Last-Modified和Etag优先级哪个更高，强缓存和协商缓存呢？+说说cookie和localstorage+来聊聊react吧，说说usecallback，usememo+说说useEffect，return的作用是什么+setstate什么时候是同步的什么时候是异步的+说说react fiber+说说this+说说深拷贝和浅拷贝，为什么会造成这个问题，如何实现深拷贝+引出JS数据类型，存储方式，栈和堆+说说eventloop+说说作用域链，作用域链用的是什么数据结构（栈）+说说promise以及常用的方法+Promise 链中可以一直调用 then 方法嘛（可以）如果被catch了之后呢+position中relative是相对于与谁的定位（自身）+display：none和opacity：0的区别+盒子模型+说说自适应，媒体查询+说说tailwind css+说说flex+说说链表和二叉树+hook可以在条件判断中使用嘛+说说hook的原理反问：两轮技术面，对我的表现和建议（候选人中排中上水平吧，原来大佬这么多吗，看来我还是太菜了）

怎么感觉年底了找实习反而还容易了，投了几十家吧，最近大大小小十来个面试 #找实习多的是你不知道的事#

难度：easy（撞我枪口上了）1.自我介绍2.文件断点续传怎么做3.处理文件用了哪些api4.秒传5.为什么要用unhandledrejection，我直接try catch不行吗6.说说xmlhttprequest7.你是怎么重写xmlhttprequest的8.说说fp，fcp，lcp9.说说performanceObserve10.pusher原理11.说说websocket12.断开连接怎么办13.为什么要用cdn14.用户在线 离线怎么做15.消息已读怎么做16.做过移动端适配吗常规八股1.BFC2.Vue和React的区别3.TS泛型4.原型链5.作用域链6.JS压缩用的哪个plugin7前端性能优化8.react hook9.你提到了usecallback和usememo讲讲10.react 自定义hook反问：两轮技术面，对我评价（很有实力）#我的实习求职记录#

昨晚HR打电话问我为什么没回复他，我说我没收到邮件啊，后面他又重新发了一遍，约了今天下午面试，赶鸭子上架1.自我介绍2.直接拷打项目全程无八股（压力感觉比面字节还大）FP，FCP，LCP是什么，怎么做的，这些东西有什么用，怎么衡量我这个页面性能好不好，怎么根据他们来做优化， 你拿到这些数据之后怎么做的，怎么上报，引出前端性能优化（我人直接被问麻了）3.你刚刚说到压缩和分包，怎么做的（引出webpack和ast抽象语法树相关的）4.那你说的这个压缩在webpack里面是属于什么（loader，引出babel以及 plugin 和loader相关）5.你刚刚说到webpack，那vite为什么不需要这么干（引出vite和webpack的区别）6.回到刚才问的问题，你怎么用webpack做的优化以及webpqck的热更新原理（救命，早知道不给自己挖坑了）7.你刚刚说的监控错误是怎么监控的，全局还是做了封装8.既然你这么了解js错误，来看题吧，这是什么类型的错误。new Array（-1） 说出他的错误类型会报什么错9.切片上传相关，md5运行在哪（webworker）10.webworker 和主线程怎么通信11.手写promise.race。你刚刚说到用promise all race allsettled 来处理，那我们来写个题吧，你选一个来写（我说都行）12.算法题：数组轮转 反问：两轮技术面+业务部门两天内出结果，这难度感觉比我之前面字节还大