许愿hr面。八股盛宴，不知道为什么有两个面试官，一个露脸说话一个不露脸也不说话。先讲讲实习里面的项目，面试官比较感兴趣，最后问了一下生产和工程上的问题，答不上来，可能讲了20分钟。八股：太多了记不清了，浏览器获取到html后，进行了哪些操作，哪些操作会阻塞绘制，外链资源获取你一般放在哪个位置，为什么，怎么理解css的重排重绘，哪些属性会导致重排，怎么重绘，重排会对所有元素重排吗还是只对部分区域。讲一下webpack和vite。讲一下作用域的理解，然后在演示里面敲了几段代码让我说一下输出结果，什么情况你会使用闭包，我说数组拍平（实际上并不用），让我手写一下，写完发现没用到闭包，我说那就再在每一个元素前面加一个闭包前缀这样就可以使用闭包了。问了解深拷贝和浅拷贝吗，深拷贝你平时怎么用，浅拷贝呢，手写一个深拷贝，并证明是对的。节流防抖使用场景，挑一个写，节流立即实行优化etc。反问：如果有三面就是hr面了，公司里面会配Cursor账号。

经历问的很多，八股很少1. 自我介绍2. 讲一讲一个最让你印象深刻的需求3. 讲一讲你和各部门是如何协作的4. 如果页面发生卡顿 白屏，如何排查5. 如果产品提出的需求在技术上很难实现你怎么处理6. 讲一讲跨域，解决方法有哪些7. 浏览器输入url到页面展示的过程8. 浏览器拿到静态资源之后如何渲染9. 反问#前端面试 #前端面试题 #前端 #校招

1.Hooks的作用2.React context的理解3.context和redux区别，它们的适用场景分别是什么4.context和redux在dispatch(action)时的区别5.react fiber的原理，它解决了什么问题6.react fiber具体是如何管理的7.react fiber递归比对 VirtualDOM 树，找出需要变动的节点，然后同步更新它们。相比于原生的方法，有什么优点，为什么提升了性能8.react fiber优先级进行管理，具体是如何触发的，什么时候进入队列，什么时候渲染9.playwright的竞品以及它的优势，参与技术选型了吗10.假设有一个淘宝购物网页，在一个虚拟列表动态加载的场景下：你通过监听scroll事件滑动来遍历得到了整个列表项，如11.果当你渲染需要网络请求数据，如何等待数据返回后渲染12.不停触发滚动的时候 ，可能会遇到取异步新的数据，新的数据不出现怎么办，具体怎么检测呢13.怎么拿到加载的新的数据量，怎么判断还在取数据14.如何判断获取数据的流程，监听请求拦截和响应拦截器嘛15.自动化测试的时候能拿到后端的接口的数据吗16.Playwright 怎么拿到后端的数据

个人背景末流211本，工作年限近两年，2023年毕业，主要技术栈为：vue深圳xx中长-前端一面针对单个文件上传如何知道上传进度？分块是如何进行分的，根据什么来进行分的，分的是依赖还是 chunk按需引入的背后逻辑是什么？那单入口它你刚刚说的那个引用次数你知道指的是什么吗？resolve 有几种模式，几种方法移动端适配的方式有几种你会更推荐使用 vw 还是 remwebpack 的 loader 的机制是什么？webpack 使用的是什么模块？AMD、UMDwebpack 的插件系统是什么？前端动画实现的方式主要有哪几种？如何判断是否为可迭代对象如何将可迭代对象转为数组watch 调用了多少次...