猿辅导 前端技术一二三面 + HR 面

面试官长得有点像方大同，导致我全程都很出戏几乎没有问项目和实习，上来就是手撕：1. HTML：给某个div所有深度为4的img添加一个属性，我用DFS做的，结果这面试官上来说我做错了，然后自己看半天尴尬一笑说我做的是对的2. CSS：将一张图片在div中水平居中，竖直方向在居中偏上50px3. JS：并发+异步编程4. 三数之和八股：1. Promise所有静态方法2. 浏览器渲染原理3. 跨域4. React Hooks，知不知道useLayoutEffect5. 如何优化频繁切换标签页的情况

1. 常见的行内元素2. 网页中head部分的meta标签有什么作用3. 子元素如何对父元素实现水平垂直居中4. 有用过grid吗？（了解过，但是没在项目中使用过）5. css中rem和em的区别6. 列举position的值7. 伪类和伪元素有什么区别8. canvas和svg有什么区别（回答了不熟悉canvas，svg使用一般是直接在网站中选取svg图标插入）9. 了解过svg的图标是如何实现的吗10. 列举数组有哪些方法11. 针对回答的方法，问了push、splice、shift、slice、fliter哪些是改变原数组，哪些不改变12. 讲一下防抖和节流的使用场景13. 字符串反转 说一下思路14. 数组随机打乱 说一下思路15. vue3中的hooks方法用过吗？ （我只说了生命周期，好像不是16. computed和watch的区别17. 列表渲染时，key有什么作用18. 图片懒加载具体是什么实现的（使用了vueuse中的useIntersectionObserver）19. 知道vueuse的作者吗（这个真不知道）20. 之前自己有写过一个hooks吗21. 有哪些常见的持久化方案22. cookies、sessionstorage、localstorage常见的使用场景23. 了解或者使用过ts吗（只看了一点ts，面试官还是比较看重这里的，表示ts一定要会24. package.json文件是干什么用的？25. package-lock.json文件和package.json有什么区别？26. 列举发起网络请求常见的http的header27. 说一下http的状态码28. 有哪些途径学习前端的知识29. 有提到过在掘金看帖子，还问我有没有固定关注的人或者订阅的专栏30. 未来对于前端学习有什么规划吗31. 怎么看别人都说ai会取代前端？说说看法反问：针对面试表现能不能提一些未来学习的建议？一定要会ts，前端工程化方面虽然使用不多，但是也要掌握滴滴流程很快，十分钟内就知道结果了。

4.22号 30min电话面没有自我介绍，一上来就问项目优化具体实现1.react了解过吗（没有2.vue劫持怎么做的3.vue3响应式4.vue组件通信5.vite构建流程6.webpack7.垃圾回收机制8.xss和csrf9.虚拟dom diff面试体验不佳，秒挂

30min 项目...1.React学习路径2.说一下你认为的软件开发流程3.React组件通信的方法4.浅拷贝和深拷贝实现思路5.嵌套了多种数据类型的深拷贝如何实现6.如何缓存已拷贝的对象7.如何快速实现深拷贝8.深拷贝如果有function类型怎么处理9.有2个对象，相似却不同，层级和内容不确定，如果想有个黑盒函数处理之后，对比出差异，实现思路10.以哪个为源对比11.网页有一个插件是一键翻译，如何做谷歌翻译插件，怎么拆解需求并实现12.在实际开发中，你如何确认这个需求的范围