有赞前端三面

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就可以 , 醉了

首先自我介绍；问项目；（会围绕项目引出一些基础八股）react的fiber;是否存在跨域，引出跨域的解决办法？肯定不能让用户来配置，还有什么办法解决跨域？或者怎么解决？proxy代理是配置在什么文件中？js是单线程还是多线程？浏览器是多线程还是单线程？从请求数据到拿到数据，页面的渲染有哪些事件？宏任务？微任务？useState过程属于宏任务还是微任务？dom挂载渲染是宏任务还是微任务？gpu加速原理？浏览器渲染机制；react中的useCallback和useMemo的区别？http1.0/http2.0的区别？http2.0和http3.0的区别？本地存储的方法？重排和重绘？如何避免没必要的...

1. 介绍实习经历，介绍项目；2. 聊实习时工作流程；3. 聊实习时最有意义的事情；4. 在项目中做了什么事情，怎么牵头的团队；5. webpack、vite深入；6. 怎么设计组件的？有哪些思路和注意点；7. js事件循环试题，注意点就是：构造函数、同步、宏任务、微任务(老生常谈)；8. css选择器权重；9. 手写Promise.all(秒了)。反问：1. 详细让面试官给我介绍业务；2. 工作流程(因为面试官问我了)；3. 技术栈。

复盘：因为只准备了一天八股，导致很不自信、面试时放的不是很开、比较紧张，不是特别满意流程：问题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.  主动延伸防止被拷打是一个好方法。