郑州数字马力公域 前端一二面

 一面

4.17 一个小时,电话面试

1. 地图首屏优化怎么做的
2. 优化做的挺多的,另一个怎么做的?
3. 聊聊你都做哪些性能优化?
4.webpack,常见的优化配置
5. 主动引导到了,大屏适配方面,面试官问怎么做大屏适配的
6. 为什么使用这个方案
7. 大文件上传怎么做的,说说详细步骤
8. 断点续传呢,刷新页面会继续上传吗
9. 上传请求的并发是怎么控制的
10. 另一个大屏的适配怎么做的
11. 这个为什么使用scale,而不用其他方案
12. 期间还有一些问题,忘记了,总体来说都是根据简历来提问
13. 反问

二面

4.23 一个小时,开头面试官说你简历上性能优化挺多的,你可以着重讲讲,之后全程围绕性能展开(我......),但是面试官语气,以及提问和提示方式都很好,点赞

1. 常用的性能优化手段有哪些?相当于最佳实践,让列举场景
2. 然后聊到LCP,问这些性能指标都有什么?每个代表的意义有哪些,
3. html是怎么渲染的,从DNS解析开始说说
4. 这个渲染过程中,之前提到的哪些指标,分别对应哪个渲染阶段
5. js会阻塞DOM树渲染吗,css呢?defer和async的区别
6. 还是性能方面,你觉得vue和react在性能方面做了哪些优化,或者说相比之下vue,react之间哪个在哪方面性能好一点
7. react中你觉的函数式组件有什么特点,hook有什么作用,类组件和函数式组件哪个性能更好,为什么
8. 常用的hook有哪些,
9. 你说的useMemo和useCallback也是性能优化的手段吧,详细介绍一下,聊啊聊,聊完如何防止子组件重新渲染才算结束
10. webpack呢,还是从性能方面讲讲,做哪些优化
11. 你说的tree shaking,了解过程吗,他是如何做的?具体点说就是一个文件import或者export了一些东西,tree shaking会怎么做,结合ES6 Module说说
12. 你提到动态引入的文件会单独打包,那么浏览器遇到动态引入的包会怎么做?
13. 你说的对,浏览器会发起请求获取动态引入的包,其实在请求过程中也有性能优化的地方,比如http缓存,http相关的你了解吗,可以说一说
14. webpack是打包流程如何的
15. 反问

总体来说,两面体验都很好,已约tl面