2023.10.14 猿辅导前端二面

项目相关 1. 前端性能优化策略2. HTML 的缓存机制缓存请求头详细讲3. http 状态码了解哪些4. TCP 为什么是可靠连接？如何保证他的可靠性5. WebSocket 协议了解多少？（X）只回答了全双工和比较安全6. 事件循环机制？宏任务微任务？7. 异步的解决方案，实现的原理？8. 浏览器的同源策略a. 你们什么情况下会跨域？如何解决跨域问题？9. 浏览器的渲染原理10. CSS 的盒模型11. flex 布局？好处12. BFC 是什么？如何实现 BFC？13. 讲讲原型链14. 事件循环事件冒泡，阻止事件循环，事件冒泡的方法15. 作用域有哪些？作用是？16. ES6的新特性你了解哪些？17. vue 框架的原理18. 组件间的通信方式？19. 你用 vue 如何进行状态管理？20. CSS 的响应式设计21. 用过 nodejs 吗？讲讲 nodejs？为什么你的判题系统会用到22. 用过 TS 吗？讲讲 TS23. 用过 react？讲讲 react3月底面的，比较久远了，现在在这家骑驴找马

1.自我介绍2.你的React的设计思路3.React和Vue的区别4.React的生命周期都有什么 , 生命周期能用来做什么5.React通信方式6.工程化 , Webpack和Vite的区别7.Webpack的配置8.为什么使用WebSocket , HTTP不行吗9.讲一下性能优化10.业务项目前后端都是自己写的吗11.除了项目中的两个hook , 你还用过什么hook手撕 : 1.简单手写一个hook (选了useState)  2.说自己算法不太好 , 判断是否为回文数字第一个手撕写得不太好 , 有些忘记了 , 第二个手撕吭哧吭哧写了一通 (中心扩展) , 面试官说直接用reverse就可以 , 醉了

1. 自我介绍，怎么学习前端的；2. 实习具体聊了聊；3. 实习期间有难度的事情；4. 聊了聊Node.js，做过哪些Node.js的事情；5. 用过哪些Node.js的API；6. React Fiber架构；7. React父组件怎么拿到子组件的属性；8. 进位String input -> String output (9999 + 1) => (10000) 简单题算法真一坨，面试官手把手教我做(oi让我思考一下呗)。最后做出来了反正hh；9. 技术面后来忘了。。反正聊的挺开心(还没发offer，是不是我算法太挫了不要我了)。反问：1. 美团架构；2. 做的事情再深入说说，技术栈(RN)。面了两次，感觉美团真的很不错(可能运气好吧)。

复盘：因为只准备了一天八股，导致很不自信、面试时放的不是很开、比较紧张，不是特别满意流程：问题1 ：首先简单聊了聊实习和项目，问我要不要给项目加AI功能，有哪些想法？回复：太紧张了，没有结构化（没有做面试准备），扯皮了细节功能后，我说之后要加chatbot和对收集到的用户画像向量化。问题2：问实习webpack优化怎么做的？回复：1. 缓存配置，2. 并行处理(多线程、多进程配置)问题3：问对Vue和React哪个了解？问题4：说说Vnode吧回复：首先讲了vnode为什么比直接操作dom好，从create分析，到update分析，到声明式框架（感谢霍春阳）。然后很紧张，继续延伸说了vue的vnode和react之前的vnode和之后的fiber，顺着说了说react的createElement，和requestidlecallback，说了vue的vnode更复杂。转向说整个vue架构和react架构，比较组件级别和应用级别框架，最后说了diff，（因为我很害怕拷打我dom diff，因为忘了。。。。）问题5：问我css学的怎么样？flex和grid用哪个多一些回复：不屑于用组件库，平时自己写的多，但是还没入门，用flex多一些手写题：实现一个flex布局，子盒子随着宽度减小布局到下面本质就是flex-wrap的事情，我还以为拷打响应式。。打断我写媒体查询手写题目：手写防抖或节流，挑一个总结：1.  没有实现调研投递到面试的流程到底多久，导致一天好几个面试，太累了；2.  准备八股太晚了；3.  太紧张了，没有在面试的时候掌控整个节奏，不够主动。4.  简历上写的都应该事先结构化表达一下，不够充分；5.  主动延伸防止被拷打是一个好方法。