滴滴前端面经

自我介绍 介绍自己的专业GIS：数据采集、存储、管理、分析和可视化研究专注可视化可视化知识分类：二维（地图、图表）、三维（三维模型、场景和地球）WebGL&Three&Cesium等三维相关内容，对了解程度分层，自己是第几层渲染管线如何理解Three掌握程度，结合案例讲解前端学习过程以及分层，自己位于第几层

1: 先是自我介绍，常规必问。2: 手写节流的完整版，这位同学会简单版，凭着记忆去实现了一下，面试官比较满意，面试官应该是自己也用ai生成的测试代码没跑通。3: vue和react哪个熟悉(vue)，对熟悉框架进行简单的八股内容考察。4: v-if和v-show的区别？5: 开始拷打实习项目，从架构，技术点，包括横纵向技术扩展，收益几方面细致考察。6: 流式渲染如何实现的？7: sse实现，返回的数据格式是什么？8: 除了websocket和sse还有其他方式吗？9: http2和http1区别？10: http2的服务端推送是干什么的？11: requestAnimationFrame和se...

其实很久没有看八股了，CSS那块全炸了，一点都答不上来，JS基础还能说一点点，于是乎我极限拉扯，React部分结合八股疯狂和面试官输出我的实习经历，最后有惊无险还是过了一面（于是我的二面完全不问实习，哭了）。体验很不错的一场面试，最后面试官给的建议很详细，比如要讲清楚实习的业务形成闭环、要注意审题，说我整场表现是比较不错的。在当天的傍晚，hr姐姐打电话和我说过啦~！（上午面傍晚过，感觉被横向了一波，那时我又又以为要挂了....）1. 开场与项目背景自我介绍这个系统是用什么开发的？是个移动端的还是个PC端的系统？2. 技术选型与基础知识你为什么使用React然后再去写这个？前端的事件循环说一下Set和普通数组有什么区别？这个Set的数据能直接传给服务端用吗？需要怎么转？3. CSS与布局BFC概念：介绍一下BFC水平垂直居中：给了一个div，div可能是不定宽不定高的，我想这个div在我的屏幕上水平垂直居中，几种方式？4. React核心概念父子通信：React父子通信有几种方式？深层嵌套问题：深层次的嵌套这个数据传递，有什么解法？事件传递：有一些事件需要往下传的情况下，有什么解决方案？Class vs Hooks：平时是Class组件还是Hooks？Hooks优缺点：说一下Hooks的优缺点Hooks对比：用Hooks或者去写业务逻辑和用Class去写，他们有什么优缺点？5. React进阶问题状态管理：页面有很多数据，每一个数据都可能是用useState去创建或者更新，你是怎么去组织它或者管理它？列表渲染：在React里面循环的时候为什么一定要使用key？Hooks规则：Hooks为什么官网不建议我们在循环或者是在if判断里面去使用？6. 组件设计组件设计：拿一个你觉得做得不错的一个组件来说一下你是怎么做的。分几个方面：① Props的设计② 事件的交互③ 可控性来说，你怎么去思考这个东西？7. 学习与成长学习方式：平时是怎么学习前端技术的？技术信息获取：有哪些途径去了解一些前端的前沿技术？代码学习：你会去看GitHub上项目的代码吗？实践应用：看到一些比较不错的想法设计或代码风格，你会在项目里边去使用吗？反问：我的不足与业务

📍面试公司：滴滴二面🕐面试时间：9.26💻面试岗位：前端❓面试问题：1. vue中nexttick2. vue常见组件通信的方法3. 浏览器缓存4. 常见状态码5. 缓存是缓存到哪里的，前端静态资源怎么缓存6. 使用vue3实现轮播图，要求自动轮播和手动轮播并且手动轮播后需要重启轮播图（补充还有同源策略相关🙌面试感想：问的比较简单，但是太紧张了答的结结巴巴的，感觉g了，最后没想到是写轮播图好久没写了，api都忘完了。面试官是个小姐姐不像网络上说的很有压力，但是自己能力配不上呀可恶😭😭