省流:高频问题
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
- 自我介绍(我说了姓名学校专业,面试官说太短了)
- 实习经历
- 介绍项目
- 数组常用方法,怎样获取数组长度
- var let const的区别
- html加载顺序
- 样式优先级
- 如果给你100x100px的盒子,在你的界面上应该是多少rem(x)
- 合并对象(x)
- 合并数组
- 伪类怎样获取最后一个元素,第n个元素(x)
- after,before的区别
- axios怎么封装的?怎样发送请求,数据类型有哪些(x)
- React中hook的用法,以及优点
- 什么是jsonp,jsonp为什么没有post。
- cookie属性值有哪些
3.21增长前端一面
- 校园实验室经历
- 大一实习经历,有什么收获?
- 实习过程中怎么学习的
- 说说业务系统的搭建过程
- 项目开发后复盘过程
- 项目遇到了什么坑?
- 深拷贝 / 浅拷贝
- 如何实现权限管理
- 如何设置http强缓存
- 强缓存 / 协商缓存
- 后端信息脱敏 / 加密
- webpack性能优化
后面立马做了一套笔试题
- flx布局
- 闭包
- 手撕深拷贝
- 事件冒泡
- vue生命周期
- 手写promise
- this
- 选择器权重
- instance of
- 常用http状态码
3.04
- 闭包输出题
- 闭包及其的作用
- this输出题(普通函数与箭头函数)
- 异步输出题
- Promise有什么实战场景
- 场景题:如何异步监听图片的请求状态并执行回调(Promise、Image构造函数、onload、onerror监听)
- 插入附加手写题:基于ES6实现的数组去重,并对比性能(我第一个是Set,第二个是遍历+include方法)
- 类似Vue源码的模板语法解析题,即给予数据源对象和一段字符串'a.b.c',读取数据源对象中对应的数据值
- 是否有其他实现方法
- 额外八股题:原型和原型链
- 说说结果和理解
Function.__proto__===Function.prototype
- 根据图片,使用flex布局实现展示效果
- 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笔面经##滴滴##前端##实习##面试#