滴滴用户平台前端校招二面（已oc）

其实很久没有看八股了，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.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....

📍面试公司：滴滴一面（过了🕐面试时间：9.25💻面试岗位：前端实习❓面试问题：项目：谈谈你记忆深刻的一个难点和为什么记忆深刻1. webwork线程和主线程的关系，如何结束webwork现场2. 对于script脚本代码如果体积太大阻塞浏览器渲染怎么办3. css中上下居中的方式有哪些，手写居中（只写了flex和position居中）4. js中有哪些类型和如何判断类型5. 原型原型链，代码题6. css如果房贷内容区下面会有什么问题（出现样式闪烁）7. vue2和vue3的区别8. 手写vue的自定义指令实现防抖9. 算法题平铺对象将嵌套对象扁平化（递归秒了🙌面试感想：面试官很温柔面的也比较简单，有很多手写题感觉主要感谢滴滴不拷打之恩但是还得很多答不上来我真是一个废物，自定义指令忘完了😇

目 八股 手写 1h20min 八股1. pnpm 与普通 npm 之间的区别。2. 是否听过“幻影依赖” 手写嵌套数组异步累加的代码，是否有比基础思路（reduce 结合 Promise）效率更高的实现方法。答：分块累加现场实现追问询问嵌套数组分块并行累加的思路与哪种排序算法相似。