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

 一面

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面
全部评论
佬,可不可以说一下,您的简历上都提到了那些优化呀
点赞 回复 分享
发布于 2024-04-29 17:16 陕西
几年经验呀
点赞 回复 分享
发布于 2024-04-26 17:24 河南

相关推荐

2025-11-05 10:55
中南大学 Java
要双修的猫头鹰:这面试官怕不是个m
我来点评面试官
点赞 评论 收藏
分享
2025-12-24 15:25
已编辑
门头沟学院 前端工程师
是腾讯的csig腾讯云,前天晚上九点突然打电话约面,激动的通宵学了一晚上,第二天状态很差改了今天(以后再也不通宵学习了)感觉自己浪费了面试官一个半小时单纯手写+场景,无八股无项目无算法,打击真的很大,全是在面试官提醒的情况下完成的,自己技术方面真的还是有待提高,实力匹配不上大厂和已经面试的两个公司完全不一样,很注重编码能力和解决问题的能力,然而我这两个方面都很薄弱,面试官人很好很耐心的等我写完题目,遇到瓶颈也会提醒我,写不出题也会很耐心的跟我讲解好感动,到最后面试结束还安慰我打算把下周最后一场面试面完之后就不面啦,如果能去实习还是很开心,但是最重要的还是好好努力提高技术以下是面经第一题// 实现一个解析 url 参数的函数function parseUrl(urlStr) {// TODO}parseUrl('*********************************************');// 返回 {a: 1, b: 2, c: 3}追问:在链接里见过什么部分?用 hash 路由的话放在哪第二题// 考虑有一个异步任务要执行,返回 Promise,这个任务可能会失败,请实现 retry 方法,返回新方法,可以在失败后自动重试指定的次数。/*** 异步任务重试* @param task 要执行的异步任务* @param times 需要重试的次数,默认为 3 次*/function retry(task, times = 3) {// TODO: 请实现}// ---------------测试示例 ----------------// 原方法const request = async (data) => {// 模拟失败if (Math.random() < 0.7) {throw new Error('request failed');}const res = await fetch('https://jsonplaceholder.typicode.com/posts', {method: 'POST',body: JSON.stringify(data),});return res.json();}// 新的方法const requestWithRetry = retry(request);// 使用async function run() {const res = await requestWithRetry({ body: 'content' });console.log(res);}run();第三题就是给 retry 函数添加类型注释,用到泛型第四题:在组件库中将 Alert 用 api 的形式实现(应该就是 message 这个组件)怎么渲染到一个浮层里而不是原地渲染出来
不知道怎么取名字_:技术这个东西,太杂了,而且要下功夫的
查看5道真题和解析
点赞 评论 收藏
分享
评论
2
6
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务