当前位置: 首页 > 面试经验 >

滴滴前端一面(2.15至4.11收录)

优质
小牛编辑
140浏览
2023-04-11

滴滴前端一面(2.15至4.11收录)

省流:高频问题

xn表示问了n次(面试官:LM(名字缩写)老师

移动端适配使用了px to rem插件,你是如何配置插件的,如果给你100x100px的盒子,在你的界面上应该是多少rem(x2)

axios怎么封装的?怎样发送请求,数据类型有哪些(x3)

特点

  • 滴滴效率高,4.10投递,当天约面,4.11一面,(如果有后续的话)很快就会二面,周五就能发offer
  • 30分钟,时间比较紧,扯太多相关的会被面试官打断(比如问一个问题基本上就直接把问题所有的点都讲完了。比如问websocket直接把原理,socket心跳,和http的区别,http怎么实现websocket。
  • 绝大部分照着简历问

4.11增长前端一面

时长25min,面试官(LM(名字缩写)老师)反馈:要注重coding

  1. 自我介绍(我说了姓名学校专业,面试官说太短了)
  2. 实习经历
  3. 介绍项目
  4. 数组常用方法,怎样获取数组长度
  5. var let const的区别
  6. html加载顺序
  7. 样式优先级
  8. 如果给你100x100px的盒子,在你的界面上应该是多少rem(x)
  9. 合并对象(x)
  10. 合并数组
  11. 伪类怎样获取最后一个元素,第n个元素(x)
  12. after,before的区别
  13. axios怎么封装的?怎样发送请求,数据类型有哪些(x)
  14. React中hook的用法,以及优点
  15.  什么是jsonp,jsonp为什么没有post。
  16. cookie属性值有哪些

3.21增长前端一面

  1. 校园实验室经历
  2. 大一实习经历,有什么收获?
  3. 实习过程中怎么学习的
  4. 说说业务系统的搭建过程
  5. 项目开发后复盘过程
  6. 项目遇到了什么坑?
  7. 深拷贝 / 浅拷贝
  8. 如何实现权限管理
  9. 如何设置http强缓存
  10. 强缓存 / 协商缓存
  11. 后端信息脱敏 / 加密
  12. webpack性能优化

后面立马做了一套笔试题

  1. flx布局
  2. 闭包
  3. 手撕深拷贝
  4. 事件冒泡
  5. vue生命周期
  6. 手写promise
  7. this
  8. 选择器权重
  9. instance of
  10. 常用http状态码

3.04

  1. 闭包输出题
  2. 闭包及其的作用
  3. this输出题(普通函数与箭头函数)
  4. 异步输出题
  5. Promise有什么实战场景
  6. 场景题:如何异步监听图片的请求状态并执行回调(Promise、Image构造函数、onload、onerror监听)
  7. 插入附加手写题:基于ES6实现的数组去重,并对比性能(我第一个是Set,第二个是遍历+include方法)
  8. 类似Vue源码的模板语法解析题,即给予数据源对象和一段字符串'a.b.c',读取数据源对象中对应的数据值
  9. 是否有其他实现方法
  10. 额外八股题:原型和原型链
  11. 说说结果和理解Function.__proto__===Function.prototype
  12. 根据图片,使用flex布局实现展示效果
  13. CSS优先级题,给一段样式表,说最终基于层叠计算后的文本样式

实习经历

以下是基于我简历中提供的一些实习时开发的页面链接提问的

  • 实习开发中的难点、亮点
  • 问分页是如何做的,前端分页和后端分页区别和优缺点
  • Tab切换栏如何实现的,是否能更优化
  • 开发时拆分组件是怎么考虑的
  • 复用和业务逻辑拆分

个人项目

  • 看到我写的封装Axios
  • Axios源码中拦截器是如何实现的
  • 在拦截器方面,你是如何封装的
  • 项目中懒加载时如何优化的
  • 组件库按需加载
  • 图片懒加载
  • 两种实现方法(绑定滚动事件,IntersectionObserver),问这两种的优缺点,并最终总结实际开发如何使用(及结合优缺点,统一方案并解决缺陷)

2.23增长前端一面

LM(名字缩写)老师

一、非技术环节开场自我介绍,开始疯狂输出自己的技术栈,项目亮点,其中涉及自己使用什么技术解决了什么问题,从之前一小个月的寒假实习里面学到了什么东西。

面试官提问:

1.怎样学习前端的,怎么了解到前端这个方向的?

二、技术

1.项目技术提问:

(1)项目是自己写的吗?整个项目的架构是怎样的?

(2)nextTick(项目中使用的技术)除了解决异步导致页面显示错误的问题,还可以运用在什么场景?

(3)移动端适配使用了px to rem插件,你是如何配置插件的,如果给你100px的盒子,在你的界面上应该是多少rem

2.HTML提问

(1)你常用的HTML标签有哪些?那些标签有什么属性?

(2)开启了relative会导致什么问题?

3.CSS提问

(1)你常用的CSS有哪些?(好像还问了其他的,但是我忘了)

4.算法和数据结构

(1)手撸栈和队列

(2)用数组实现队列

(3)给出paramas 参数{a=1&b=2},通过编写函数实现最后返回{a=1,b=1}对象

2.15

1.自我介绍

2.实习经历

3.介绍项目。

4.前端是怎么学习的?

5.网络五层模型讲一下。

6.webSocket讲一下。

7.小程序的webSocket和web端的webSocket有什么不同?

8.WebSocke的应用场景,你这个系统怎么控制物联网设备?

9.axios怎么封装的?

10.js的垃圾回收机制

11.微任务和宏任务

2023年最全前端面试题考点HTML5+CSS3+JS+Vue3+React18+八股文+手写+项目+笔试 涵盖了大部分知识点,部分目录展示

#软件开发2023笔面经##滴滴##前端##实习##面试#
 类似资料: