【前端面经】滴滴 面试

5,616 阅读2分钟

一面

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

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

    1. 滴滴面试题:CSS 实现对角线布局
  3. 说一说 flex 布局有哪些属性

    1. 参考阮一峰的文章:ruanyifeng.com/blog/2015/0…
  4. 项目中的自定义 hook,能举例说明吗

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

编码题

  1. 实现 useDebounceEffect

使用示例:

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

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

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

  1. 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 情况

内推

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

查看岗位:滴滴社招岗位