27前端日常-广州三维家

无手撕无算法，主要都是结合简历和项目提问，以及技术选型优缺点，基础八股和前面两场面试截然相反的少。由于忘记开录音，所以先记录能想到的，后续补充是基本问在了鼠鼠知识面缺点上，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，出于什么考虑反问：有什么学习建议： 多了解技术的变化史，迭代的技术解决了什么问题，基础还得多打牢靠--------------------------------------------大概就是这么多了，这是鼠鼠人生第三场面试，面试官是个小姐姐，没开摄像头，声音那边很温柔，时不时还咳嗽（心疼）。问的问题都是鼠鼠没怎么思考过的面试方向，复盘来看其实都是根据简历和项目直接提问的，说明还是对自己的东西掌握不够，也不算深入拷打，也没有很死板地提问基础八股，可惜没有录下全程，中间很多根据知识点，小姐姐还马上的给出很多场景，让你想想能怎么实现，很多忘了，大概就这样吧，算是能学到很多东西的一场面试，值得！面试过十分钟这样，意外的接到了二面通知，一大半答不出，还是给过了。鼠鼠最近准备入职三维家苟着发育，但是还是接下二面，希望能学到更多，继续加油

domvnodevue2和vue3区别，vue3的proxy原理浏览器渲染过程三次握手浏览器执行机制重排重绘会问你项目里面用到的技术，比如websocket，虚拟列表，一定要完全弄明白啊，楼主死在这里了，让写websocket重连这是第三次面试了，，还是非常紧张，面完感觉要寄了，还好过了，写写面经攒人品！

刚刷完第二遍leetcode热题100，没有实习经验的话，现在是应该找个实习先嘛

1. 我们先来做个编程题：用 JS 写一个倒计时组件。写好后，我们再聊聊有哪些可以优化的地方。2. 刚才这个倒计时，如果希望用户刷新页面后还能继续计时，数据存哪里比较好？3. Cookie、LocalStorage 和 SessionStorage 这三种浏览器存储方式，有什么区别和联系？分别适合用在什么场景？4. 聊聊浏览器的强缓存和协商缓存机制吧，它们是怎么工作的？5. 你之前的项目里，主要用的是哪种缓存策略？6. CSS 单位里的 rem 和 em 有什么区别？7. 挑一个你最熟悉的项目，介绍一下它的技术架构，你在其中主要负责什么？遇到了哪些挑战？8. 平时会用 AI 大模型吗？主要用它...