【前端面经】滴滴，已入职啦

• 我的面经专栏：面经专栏
• 【前端面经 | 面试复盘】2024 社招还算有金三银四吗？
  • 个人基本介绍
  • 投递情况
  • 面试情况
• 【前端面经】滴滴，已入职，可内推
• 【前端面经】美图Meitu
• 【前端面经】蚂蚁集团
• 【前端面经】字节、钉钉、饿了么面经

更新计划 ToDo

• 面经整理
• 我是怎么准备面试的
• 面试题分专题整理，附答案或参考资料
• 一些面试题由浅入深

一面

1. 项目中有遇到哪些难点吗？怎么解决的？

   1. 【可视化搭建平台 | 店铺装修】魔方组件的设计与实现
   2. 性能优化实践 - 优化资源加载速度

2. 说一说 flex 布局有哪些属性

   1. 参考阮一峰的文章：ruanyifeng.com/blog/2015/0...

3. 项目中的自定义 hook，能举例说明吗

4. webpack 打包流程、优化策略

编码题

1. 实现 useDebounceEffect

使用示例：

useDebounceEffect(() => {
  // ...
  
	return () => {
  	// ...
  }
}, [dep], {
  delay: 300
})

参考 ahooks 中 useDebounceEffect 的 API 以及源码实现

ahooks.js.org/zh-CN/hooks...

2. leetcode: 102. 二叉树的层序遍历

二面

不完整记录

1. 项目中遇到的最大的技术挑战是什么？
2. xxx 项目整体架构是什么样的？
3. Webpack 怎么建立模块间的依赖关系
4. 对 React fiber 的理解
5. 说一下 useLayoutEffect 和 useEffect 的区别是什么？

编码题

1. 实现 debounce，调用方式 debounce(fn, duration, leading)

参数说明：

• fn (Function) ：要防抖的函数
• duration (number) ：需要延迟的毫秒数
• leading (boolean)：false 指定在延迟开始前调用

参考 lodash 中 debounce 的 API 以及源码实现

www.lodashjs.com/docs/lodash...

三面 leader

不完整记录

1. 做过的项目中最值得说的是哪一个项目？
2. 在该项目中主要负责哪些模块的开发
3. 请举例说明技术如何为业务服务
4. 职业规划是什么样的

编码题

leetcode：43. 字符串相乘

四面 leader+1

1. 介绍一下你认为技术上挑战比较高的一个项目
2. 介绍一下你认为业务上复杂性比较高的一个项目
3. 在平时工作中有没有遇到和合作伙伴或者 leader 针对某个问题有不同意见的情况，是通过什么方式最终达成一致的？
4. 三年工作经验的积累，现在回头看之前的工作，有没有能做得更好的，可以举例说明一下（不仅仅是技术层面，还有方法论层面，是否有这方面的积累和沉淀）
5. 你对下一份工作的期望是什么

HR 面

1. 看新机会的原因
2. 介绍一下过往经历中最有挑战的一个项目
3. 会怎么学习一个新的技术
4. 有没有遇到比较难推动的项目
5. offer 情况

内推

目前已经入职滴滴啦，如果对滴滴岗位感兴趣的掘友可以联系我内推哦~

查看岗位：滴滴社招岗位