三维家面经（已oc）

10.9投递简历，约面10.11  60min（一轮技术面，连面hr面）刚面完群核科技就到线下去面试了面试官的一位中登，氛围很好，面带笑容，很温柔。面试过程都会给正向反馈面试内容主要是浅谈项目，问问项目技术栈的选型原因。接着就是八股盛宴，从css-js-ts-react-计网（http/https,tcp/udp）-浏览器-性能优化基本这几天背的基础八股都问了一个遍八股面了一个小时,没有怎么深挖，都是基础反问有什么学习建议，说觉得这么短时间学的挺好的了公司的业务和技术栈介绍后续前端该怎么去学习，职业规划说下周出评估结果，希望能收留------------------------------鼠鼠国庆改好简历，一放假回来就猛猛投，经过拷打发现自己还是有很多不足的，要是这次能过决定好好苟着沉淀，这几天黑眼圈都要到鼻子了，必须得休养生息，然后接着恶补算法和底层，投大厂我们的战斗策略只有一个，猛攻！  （下周二还约了小红书，等死，周三一个小厂）

无手撕无算法，主要都是结合简历和项目提问，以及技术选型优缺点，基础八股和前面两场面试截然相反的少。由于忘记开录音，所以先记录能想到的，后续补充是基本问在了鼠鼠知识面缺点上，react和ts相关知识掌握很差。如下：自我介绍React使用的什么版本 - 答：19React 19 版本对比之前的版本有什么不同，优化了什么 （如果没去了解运用的话，那么用 16..17...18都没区别）React 类组件和函数式组件有什么不同，生命周期和状态管理.......React常用哪些hook,useMemo和useCallback什么区别，在项目中具体怎么使用，举个例子ab是兄弟组件，a组件一个变量，拿到b组件用，变量改变后更新？？（不太懂什么意思回答了Context传递参数再用state保存）--- 说说怎么用useContext父组件想使用子组件的方法，怎么做在项目中自定义过哪些hook,让你自定义hook,你要考虑些什么TS使用过嘛？说说TS和JS的区别，项目中哪些地方使用了TSTS的type和interface区别TS的泛型说一说，在项目中怎么使用泛型如果要定义一个类型？？不确定参数的数量，实现可选，有的话是any或者undefined，怎么做项目结合提问如下：选用Next.js的原因 ，Next.js的作用Socket.io怎么实现断线重连，具体实现呢，如果断线后怎么重连，数据为什么不会丢失？使用Tailwind，说说怎么实现的响应式和移动端适配，回答了根据默认断点系统，默认移动端，根据组件需要lg和xl,md等分辨率。提问如果是一个中间值呢，有没有想过怎么实现，如果是刚好在中间范围怎么实现说说虚拟滚动和触顶分页怎么实现，有什么不同好友查找的防抖怎么实现，防抖节流区别说一说使用了Tree-Shaking,这个对Tailwind也有用吗，不是没有CSS文件吗。说说Tree-Shaking怎么优化为什么使用了Vite，和Webpack有什么区别，Vite有什么好处，为什么更新的更快大文件上传怎么实现，怎么切怎么传。为什么选用SSE进行实时对话，还有其他方式吗，Websocket能实现同样效果吗，为什么没使用Websocket呢打字机效果怎么实现，具体说一说，SSE过程断开连接了怎么做，数据怎么保存，如果我刷新页面呢Zustand做状态管理，有了解过其他状态管理库吗，说说优缺点使用了Map做数据结构，了解Set和Map吗，说说区别，在项目中为什么用了Map，出于什么考虑反问：有什么学习建议： 多了解技术的变化史，迭代的技术解决了什么问题，基础还得多打牢靠--------------------------------------------大概就是这么多了，这是鼠鼠人生第三场面试，面试官是个小姐姐，没开摄像头，声音那边很温柔，时不时还咳嗽（心疼）。问的问题都是鼠鼠没怎么思考过的面试方向，复盘来看其实都是根据简历和项目直接提问的，说明还是对自己的东西掌握不够，也不算深入拷打，也没有很死板地提问基础八股，可惜没有录下全程，中间很多根据知识点，小姐姐还马上的给出很多场景，让你想想能怎么实现，很多忘了，大概就这样吧，算是能学到很多东西的一场面试，值得！面试过十分钟这样，意外的接到了二面通知，一大半答不出，还是给过了。鼠鼠最近准备入职三维家苟着发育，但是还是接下二面，希望能学到更多，继续加油

## 一面 0. 自我介绍1. HTTP 与 WebSocket 的区别2. 有没有用过什么经典的 CSS 布局3. 用过哪些 React Hooks4. CSS 如何精确选择到列表的第三个 item5. 常用的 ES6 特性6. 讲讲 Promise7. JS 事件循环8. 讲讲印象深刻的 React 内部原理9. 讲讲 memo 和 useMemo 的区别10. 有没有遇到理解困难的 React 内部机制，是怎么解决的11. 讲讲时间分片12. 反问## 二面0. 自我介绍1. 上段实习的前端团队规模2. 更喜欢跟产品经理还是老板沟通3. 跟老板沟通遇到不理解的怎么办4. 老板交代了一个任务，接下来你的行动5. 有没有做过响应式设计6. 为什么把 B 端产品迁移到小程序7. C 端这个模块是独立负责的吗8. 介绍一下这个预定中心模块9. 为什么想学习前端10. 为什么学的是 React11. 接下来的学习打算12. 上段实习用的脚手架是自己配的还是用的配好的13. 上段实习的公司有没有什么代码范式，是怎么样的14. 如果发 offer 了什么时候能到岗15. 反问

公司不大不小给我来说足够了，可惜好像很难转正。说是数据开发实际上是数据采集，能感觉到面试官对数据采集也不是很熟悉问的问题更倾向项目内容，名创优品的爬虫面试就是纯拷打了从基础到深入的技术问题。第一个：playwright跟selenium的区别，因为从一开始就用playwright我只知道一个异步，也回答了因为从一开始就使用了playwright框架所以对selenium也不太了解。第二个：谈谈反爬经历，我主要讲了youtube逆向以及cloudflare的绕过第三个：出现爬不到内容该如何排查，网页结构，ip池，cookies池，u-a头第四个：最难的项目，上份实习的监控系统youtube逆向以及cloudflare的绕过还有一个网页的逆向，最后是crawlab爬虫管理技术第五个：验证码，我实话实说没有接触验证码，因为通常拿playwright指纹绕过会更简单快捷，所以基本没有接触过验证码的绕过。第六个：大规模数据的保存，先用redis保存到一千到五千时再统一存入mysql第七个：mysql的运用，当时说了一个系统的mysql使用逻辑第八个：问我上份实习部署工作是是否为我做的，我说了是自己使用docker部署到服务器的第九个：ai技术如何运用到爬取，我说了使用openai可以很有效的解决爬虫对于数据模糊爬取难的情况，以及crawl4ai的工作原理第十个：爬虫的开发流程，我说主要是根据时间以及爬取的量，短时间可以用自动化工具，如果量大而且有时间则是用逆向加scrapy的协议爬虫，他说我太笼统了，于是我追加了crawlab的爬虫监控技术还有docker的多容器通信这些。后面就没了，面试官也介绍了一下他的团队，3点半左右线上面试结束，4点左右hr就在boss问我一会是否有时间电话沟通确认到岗时间还有薪资情况，说第二天就发offer了