滴滴网约车 前端一面

其实很久没有看八股了，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上项目的代码吗？实践应用：看到一些比较不错的想法设计或代码风格，你会在项目里边去使用吗？反问：我的不足与业务

1. 实现一个元素的垂直水平居中，你知道有哪几种方法？2. 讲讲你对 JavaScript 闭包的理解，平时在什么场景下会用到它？3. 核心代码模式算法题：字符串变形4. 聊聊浏览器的事件循环机制吧，宏任务和微任务的执行顺序是怎样的？5. Vue 3 的响应式原理是怎么实现的？和 Vue 2 有什么不同？6. 如果一个页面的首屏加载需要 5 秒，你会从哪些方面入手，把它优化到 1 秒以内？7. Webpack 的代码分割（分包）做过吗？一般会怎么配置？8. 在实现深拷贝的时候，如果遇到循环引用的问题，该怎么解决？9. React Hooks 里的 useEffect 和 useLayoutEf...

一面 上午11:45-12:55简历拷打八股拷打2道Promise1道闭包2道手撕（柯里化+middle）3分钟后发二面二面下午2:00-3:00主要聊业务场景技术难点+业务难点+实际问题场景解决方案无手撕面试官主动介绍了滴滴的泛前端业务部门以及所以的业务(很详细)问我对哪个业务部门感兴趣问我能不能提前入职一个小时了，还没通知结果，焦虑😥

1.浏览器渲染？2.reflow，repaint3.CSS 选择器优先级如何计算？4.什么是 BFC？如何触发？5.什么是 DOCTYPE？6.盒模型有哪两种？区别是什么？7.原型和原型链？8.js事件传播机制9.防抖和节流的区别？各用在什么场景？10.Promise ？如何链式调用？11.async/await 的本质？12.常见的 HTTP 状态码有哪些？13.GET 和 POST ？14.浏览器缓存有哪几种？如何设置？15.Vue 双向绑定的原理是什么？16.Vue 组件通信有哪些方式？17.虚拟DOM和真实DOM？18.Vue 路由的模式及区别？19.前端性能优化从哪些方面入手？20....