27前端日常-广州三维家

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 怎么拿到后端的数据

全程40min 无传统手撕 只有看代码1. 看js代码口述输出（事件循环2. 看react代码口述输出（react渲染机制3. 看react组件代码口述性能优化方案4. react.memo/usememo/usecallback5. http缓存6. webpack配置及用途7. webpack如何优化打包后体积和页面性能8. 长列表优化9. echart响应式布局10. css三列布局11. sse流式输出的前端处理

📍面试公司：泽鹿视界🕐面试时间：null💻面试岗位：前端开发工程师（实习）❓面试问题：1.自我介绍2.fetch的流式渲染是怎么实现的3.虚拟滚动优化长列表是如何实现的，为什么能优化帧率，什么指标4.骨架屏有什么作用，前端性能优化参考什么指标5.CDN、增量渲染，为什么能减缓抖动6.宏任务、微任务、事件循环7.HTTPS的TLS协议8.手写防抖9.一道特复杂的this指向问题10.call（）、apply（）、bind（）的区别🙌面试感想：只有一面，技术面和hr面一起面，长达1h说一下我的面试感受，前期拷打我的项目，后面问我技术内容，涉及的八股非常少，还有js手写、场景题。主播当天头脑昏昏沉沉的，答的不是很好，然后面试的教室中间突然有人进来开组会，主播只能蹲到走廊上面试了，估计是要挂了。猪脑子又忘记录音了，今天实在打不起精神，导致我连问了什么都不知道了，在走廊上蹲的手脚都麻木了，然后后面hr问些奇奇怪怪的东西：你的同门是如何评价你的、你从小学到现在的成长历程、boss是怎么投递的、他们公司的口号是什么进取，自省，问我怎么理解的…后面还有一大推介绍公司的，其实到这里我已经脑子一片空白了，也没有心思听她讲了什么了，只想早点结束面试，好在这是小厂，本来也没打算去。总结一下，面试的时候一定要有一个好的环境，好的状态，不然面下来特别吃力，全程不知道在干嘛。

项目持续追问到答不出来为止 八股在主应用中，如何获取异步加载的Script标签里的实例设备老旧、ES Module在部分浏览器跑不起来时，如何实现异步实例获取Tree Shaking运作的关键概念和逻辑是什么 手撕将一维数组转换为树结构数组实现手写Semaphore类如何实现并发控制