Web前端开发究竟该如何学习，2024 阿里字节快手面经 & 个人成长经验分享，已获万赞

• es2015 到 es2020 的新特性，你最常用什么，给你收益最大的。

• weakMap 和 Map 的区别，weakMap 原理，为什么能被 GC？

• 如何干扰 GC ？

• webpack import 动态加载原理

• 知道 webpack 中的 devTool 吗？

• 如何进行错误定位和数据上报，线上异常的处理

• 为什么有时候配置了 webpack caching，chunk 还是更新了？

• 讲讲浏览器和 node 的 eventloop

• 微任务后面还有哪些？requestAnimationFrame 是怎么调用的？requestAnimationFrame 帧内总是有任务吗？分情况说下。

• 帧数怎么计算？

• 了解网络安全吗？

• 如何避免数据被 iframe 截获

• 说下状态码

• 说下 304，什么情况会 304？协商缓存的头部字段？

• 你学习的渠道

• 工程化实践的看法

第一个问题没进入状态，我心里想怎么问这么简单的问题，我宕机了一会……后面就顺利了，面试官全程冷淡，也不闲聊。无趣，后来问了下，是猎豹的前端架构师，嗯，大佬就该有大佬的气场，面试体验棒棒的~~

业务二面 (60min)

大致内容：业务交流，工程化实践交流、猎豹前端在做什么，资源有哪些，他们的业务是偏 C 端的，未来的方向、发展等等……这一面很轻松，想到什么说什么，当然逻辑性肯定要有的。

业务三面 (70min)

这一面的面试官是猎豹移动的技术负责人。

• 项目是如何收集问题的，用户量如何？

• 性能问题如何排查，你们项目的指标，具体数据、截图发给我看看……

• 模块化是怎么实施的？

• 目录结构讲下

• 一些功能是自研还是使用第三方工具，叫什么名字，怎么使用 ？

• 疯狂问测试相关的内容，单元测试和组件测试是怎么做的、代码覆盖率多少，如何权衡测试原则，系统测试相关的内容，一些细节上的问题怎么处理，等等，要说出个 1、2、3 来 ？

• 项目亮点/难点，怎么解决 ？

• 复盘，整个项目总结，让你重新设计这套系统你会怎么做 ？

• 工程化实践和深入的一个点

• 团队氛围，有什么好的点可以说下，有什么不好的点也说下……

• 中台具体集成了什么功能 ？你都做了什么 ？

• 你是如何进行技术突破