4.2 前端小厂一面面经

来腾讯面试，一次问得更比两次多自我介绍、优势平常怎么接触 AI 编程（说了一下我在项目中的单人异步工作流，以及对 AI 参与到该工作流的思考，由于和 LLM 交流的产出要说起来太长被打断了）手撕：O(log N) 乘法运算符（完全没思路，在一步步引导之下做了一个把乘法拆解成位运算和加法的逻辑）终于是撕出来了AI 手撕：初始化一个项目，做一个 iPod 转盘组件，转动一定角度就切换菜单高亮项（跑通以后问 AI 怎么实现的，然后我跑了一个 /doc 加注释，那 AI 都有注释了还问你干啥了）怎么计算转盘转了多少角度（两个坐标求向量夹角、余弦定理）；被引导之下说了极坐标（不是还问高中数学？）了解哪些...

面试时间: 50min0八股, 全程 项目拷打 + 场景思考 + 最后一道算法题, 鼠鼠压力爆大说说简历上项目的架构你在项目中做了什么如何保证在使用svg和canvas, 不同节点互不影响对于 scale 和rotate , 调换他们的顺序会造成什么结果你项目中的渲染引擎和其他渲染引擎的区别如果要在canvas 下面创建子节点, 应该怎么办说说命中检测算法, 怎么优化给你二十个点, 你是怎么判断用户是否点击到上面的如果给你成千上万条路径, 你怎么优化你的全量遍历算法题: 给定一个二叉树, 找出最深层级的子节点(可能有多个), 并返回

全程大概是45分钟，面试官非常的和善，提问的时候会把自己的问题讲的很明白，会复述你的回答，double check问答是否有理解错误，感觉考察的是对于整个项目的了解程度，而不是简单的问你使用到了什么技术，所以还是要深挖自己的简历自我介绍实习项目穿插着八股1、登录页面怎么做的2、后端传过来的jwt存在哪里为什么放在cookie里，放在local storage里怎么携带的3、sessionStorage和localStorage有什么区别4、除了这种缓存还有其他的缓存手段（我答了协商缓存、强缓存）5、协商缓存和强缓存下浏览器的请求行为，协商缓存的相关字段+状态码6、大文件上传怎么做的7、为什么要...

双非本，约到了第二面，面试官挺好的~自我介绍http和https的区别http各个版本（http1.0，http1.1，http2）追问了http3tcp和udp的区别对跨域的理解，跨域的解决方案（有点忘了，答了cors和nginx反向代理）追问反向代理为什么可以解决跨域，绕开了什么？vue是怎么处理模版的（template->ast->优化->render）追问ast起到了一个什么作用（答类似于中间结构，也不知道对不对）为什么async和await它让异步代码看起来像同步的？js事件循环追问js为什么要设计这个事件循环（答因为是js是单线程之类的）连续多次修改DOM，浏览器渲染几次（一次）nextTick的了解追问nextTick和promise.then哪个先后执行？（答和注册时间有关）如果微任务在执行的过程又添加了微任务。这个微任务什么时候执行（答当前清空）定时器一定要手动去清除吗vue销毁页面的时候为什么不一起把定时器清除（答定时器是浏览器api，不属于组件实例，不知道对不对）settimeout延时是否精确（肯定不一定）npm和pnpm哪个用的多，区别是啥（不太记得了，一直说pnpm比较快，项目也共享）localstorage的作用域，更换设备数据还在不vue3的话，每个项目都有index.html，app.vue，main.js，作用是什么？追问app.vue是否一定要存在？打包工具webpack和vite区别（忘了，一直说vite更快）loader和plugin的区别babel怎么把es6转化为es5的？（答主要是plugin，不知道对不对）追问vite更快的原因（汗流浃背了，真的忘了）用过什么自动化工具（答构建自动化，代码规范自动化）网络页面刚访问的时候样式错误，然后过一两秒又恢复了，怎么排查（看css加载方式，是否阻塞渲染）反问感受：基础还是不太行，感觉有点难度