欢聚集团前端日常实习一面（55min）

1. 自我介绍2. 为什么参与开源项目（vtable）3. git使用情况4. git merge和git rebase区别5. 拷打项目6. 为什么做性能优化，怎么判断的性能优化，收益是什么7. 收益是怎么量化的8. 怎么优化反映全部用户的性能9. lighthouse关注哪些指标10. 这个指标包含接口请求吗11. 优化的性能具体源自于哪一部分12. 性能数值绝对值变化是多少13. 网络传输占比大还是前后端请求？14. 前端页面实际上是有缓存的，怎么对二次打开此页面的用户进行性能优化15. 平常怎么学习，看哪些前端文章16. 为什么有时候height：50%不生效（前端文章提及）17. 手...

没有自我介绍，直接从项目开始结合八股开始介绍一下项目1. 你对 React 底层有了解过吗   我以为这是在问我有没有看过 React 源码，开始还有点想放弃回答的，后来我硬着头皮开始讲声明式编程，组件化之类的。。。   突然觉得不管怎么样，我觉得都可以讲讲和这些东西沾点边的，起码让面试官了解你知道什么吧哈哈（仅个人观点）2. 讲讲 React 的生命周期3. 刚才你在讲生命周期时提到了 useEffect 依赖数组不为空的情况，如果我想进行数据请求这些操作应该怎么处理依赖数组呢4. 那么你还用过什么其他的 hooks 吗5. useCallback 和 useMemo 之间的区别6. 组件之间的通信   我只讲了父组件向子组件之间的 props 传递和状态提升进行子组件之间同一变量状态的同步7. 那么如果我不想使用状态提升应该怎么办呢   我说可以使用 forwardRef 和 useImperative hooks 来实现将子组件中特定 DOM 元素暴露给父组件   还有一些状态管理工具 zustand,Redux8. 有使用过 Redux 吗9. 你的项目中有使用过 antd，讲讲你对它的一些看法   这里有点尴尬了，我一直以为只能`npm install antd`将所有的组件的下载，但是面试官说我玩的不够溜实际也可以向 Shadcn UI 一样实现按需下载10. 你的 webpack 是怎么配置的，是使用了默认配置吗，还是使用了自己的配置呢11. 你是如何实现的自动化部署呢（这个问题我觉得还挺频繁的，基本只要看了我的简历的面试官都问了，得仔细总结一下这个问题）12. 你使用过 vite 和 webpack，这两者你觉得有什么区别呢    我个人只从了开发环境下和一些其他小的方面的区别进行讲述，后来面试结束觉得可以再深入讲讲13. 你写到你会 flex 讲讲 flex 的一些常见属性14. 我有一个盒子，左侧元素在屏幕缩放时不变，右侧元素会按照缩放而变化15. Sass 的使用感受16. Sass 中样式的深度嵌套应该怎么写（应该是好奇发问，面试官应该没用过 Sass）17. 使用过的 git 的常见命令18. 合作开发中遇到冲突怎么解决19. git rebase 和 git merge 之间的区别20. 你为什么会觉得 git merge 会比 git rebase 更适合合作开发21. 你做过一些外包项目，这些项目是什么    Hugo,PHP 然后面试官听到我写过 PHP 再那里笑了好久：“哈哈哈，PHP，世界上最好的语言”貌似没了，然后写了一道很简单的算法这几次面试下来，我觉得我自己在知识方面上有进步之外，我也渐渐体会到了如何去把握面试节奏，面试不应该是一场严肃的知识问答而是一场畅快的技术交流。要去引导面试官问你会的问题，可以在对一个问题的讲解时将另一个（你熟悉的）知识点进行相关联，这样的话大概率面试官会去你问你提到的另外一个知识点，来把握面试节奏。当然我还是一个小白，只是将自己的理解分享，也希望给大家带来帮助

自我介绍介绍项目useMemo 和 useCallback 的在项目里的作用图表怎么优化的性能整体页面优化怎么做的怎么监测项目性能请求库封装了哪些功能手撕 完整体防抖大文件上传整体实现方法使用 Taro 遇到的问题，解决方法React16 更新了什么，Fiber 的核心手撕请求重试 retryGet(func,times,interval)web 和 RN 为什么性能上有区别（秒开）反问上午面下午约二面了#牛客AI配图神器#

这是不是挂了啊 (͡° ͜ʖ ͡°)