最近面的几个公司面经分享,给自己攒一波人品,也祝愿大家面试顺利。
字节-懂车帝
- 自我介绍
项目:
- 介绍项目
- 可视化搭建平台的一个架构
- 怎么管理组件版本的
- 怎么管理页面版本的
- ...
技术:
-
因为自我介绍的时候提到了 React、Webpack,就分别问了相关的问题
-
React
-
对 useCallback、useMemo 这两个 hook 的理解,有什么样的区别,适合在什么场景下使用
-
是不是所有的变量或者函数都需要用这两个 hook 进行包裹
- 能不能量化一下,什么情况下需要使用
-
包裹后性能一定会好吗,为什么?
-
有没有更底层一点的理解
-
-
对类组件和函数组件的理解,它们的区别,什么情况下写类组件更好,什么情况下写函数组件更好
-
-
Webpack
- 一般来说是不需要专门进行 Webpack 配置的,你们为什么需要
- 对 loader 和 plugin 的理解,以及常用的 loader 和 plugin
- 有没有自定义 loader 或者 plugin
代码运行顺序
- promise 相关,题目没有记录
编程题目
// 设计一个sum函数,使其满足以下要求
sum(1, 2).sumOf() // 返回 3
sum(1, 2)(3).sumOf() // 返回 6
sum(1)(2, 3, 4).sumOf() // 返回 10
sum(1, 2)(3, 4)(5).sumOf() // 返回 15
钉钉
编程题2道,30min,题目不记得了
项目、技术问题:
- 项目的难点,怎么解决的
- 怎么实现拖拽
- 怎么做错误处理
- 性能优化相关
- 跨域
其他问题:
- 为什么看机会
- 部门前端人数,P5 对标阿里多少,职级大概的分布情况
- 绩效相关
- 职业规划
- 在可视化搭建平台项目中,有几个开发,是从 0 到 1 吗,担任什么样的角色
- 目前的薪资
- 目前在面什么公司,到什么流程了
- 家是哪儿的
- 用过什么 AI 产品
饿了么
项目相关的问题,大概 30min
-
可视化搭建平台介绍
-
项目是由几个人开发的
-
怎么实现的编辑器
-
预览功能讲一下
- H5
- 小程序
-
...
技术相关问题:
-
webpack 是怎么处理 commonjs/esm
-
React 组件中绑定一个事件跟直接操作 DOM 绑定一个事件有什么差别
-
hooks 使用的时候有一些限制条件,为什么
-
箭头函数和普通函数有什么区别
-
浏览器从输入 URL 到页面展示的整个过程,越细致越好
- 为什么要分图层
-
如果想做优化,在各个阶段中可以做哪些处理呢
-
如果拆分出的资源数量太多了,会不会导致请求的数量太多了
-
HTTP2 相较于 HTTP1 的变化
-
缓存机制是什么样的
- 设置了强缓存,如果过了缓存时间呢
-
解析文档到渲染过程也有优化的点,能介绍一下吗
-
补充提问:浏览器是怎么解析 HTML 资源的
-
针对不同资源会怎么处理,比如遇到 CSS 资源、JS 资源
-
遇到图片会怎么处理呢
-
DOM 解析?CSS 解析?JS 也需要解析,你觉得这几个是什么样的流程
-
单说解释 HTML,是怎么解析成 DOM 树的呢
- 回答没有研究过,面试官补充题目,如果你来设计,怎么实现
-
-
移动端这块的问题,适配不同屏幕
-
现在你在学哪些技术,会关注哪些技术?
-
学习 react 大概是怎么样的一个过程呢
-
react 从源码上能分成几大部分呢