滴滴前端面经

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

自我介绍JS的事件循环机制是什么JS有哪些方法，举例说一下map和object的区别vue的双向绑定原理正则表达式是什么手撕一：setTimeout和promise结果手撕二：千分位数字格式化 最后问了面试评价，面试官说我应该多刷力扣（手撕没做出来），说公司节奏很快，我适应不了类似的，感觉面试官还是比较中肯的，问八股也是问我会什么才问，总体体验还行#牛客AI配图神器#

47分钟，还挺累的说实话，然后就是网络有点卡可恶啊，面试官一边干活一边面试我，虽然没开摄像头，但是还是听见了键盘声。1-自我介绍2-前端工程化3-说到打包，你怎么给一个外行人解释这个含义4-图片懒加载原理，怎么做的？5-除了js代码是实现懒加载，你还有其他什么方法吗？6-知道Vary吗？真不懂7-聊聊实习的git用什么，规模怎么样8-说我第二次实习公司他家就在附近，说是什么薪资待遇很好，我点头yesyes9-实习都是数据可视化，你说说怎么优化图表吧，大量数据怎么办？说了什么懒加载10-笔试中你觉得你不会的在哪？11-你笔试写了git merge和rebase，说说什么情况下用rebase吧？我给忘记了笑死12-箭头函数和普通函数区别，什么情况下用箭头函数？我说了定时器什么的，还有this，argument什么的13-然后说了我项目测试的首屏，用lighthouse去测，14-问我ssr优点在哪？15-问我笔试强缓存协商缓存的字段？除了笔试写的还有哪些？说不出来了16-问我实习多少天，为什么离职，有没有课17-说岗位是新开的，所以人很多，结果三天之内出来吧，所以还是可能被横向大概。面试官笑嘻嘻的反问业务-数据可视化然后问我通勤多久，地铁站是哪个，公司在大学城

项目 八股 手写 八股除加载时间外，还有哪些核心指标可用于评估页面性能如何评估卡顿问题用 JavaScript 计算 FPS核心原理是什么vw  单位含义是什么？与  px 、 %  有何区别元素水平垂直居中还有哪些实现方案问了一个问答 分析同步异步执行顺序 手写1画一个圆，直径固定页面宽度1/10 永远在页面正中间2实现输入框关键词联想功能（含联想、回填、空白处关闭列表）vue/react现场实现一个组件，通过 Axios 调用  auto_completion  接口输入联想组件有哪些可进一步优化的点前端核心的学习方式是怎样的