【2025年最新】5年前端最近面经分享

年前公司就有“开猿节流”的苗头，作为一个公司老鸟，虽然地位稳固，但是长期以来的安逸，让人感觉到迷茫，感觉继续下去，迟早要废。于是改简历，约面试，最近一个月就面了3家（京东，美团，虾皮），一面感觉自己回答的还可以，却一点消息都没有，把面试题总结一下，发出来，希望对大家有用。

京东零售

1. 介绍一下所参与的项目：

   • 答题要点：简要介绍项目背景、功能、技术栈以及自己在项目中的角色和贡献。

2. 在项目中遇到的技术挑战有哪些？是如何解决这些挑战的：

   • 答题要点：列举具体的技术挑战，如性能优化、跨浏览器兼容性、错误处理等，并分享解决方案和成果。

3. 能否解释一下React的状态管理机制：

   • 答题要点：介绍React的状态管理机制，包括state和props的使用、setState的异步性、生命周期方法等。

4. 是否阅读过React的源代码：

   • 答题要点：简要说明阅读源代码的经历和收获，如理解了React的虚拟DOM、事件处理机制等。

5. 还阅读过哪些其他库或框架的源代码：

   • 答题要点：列举其他阅读过的库或框架源代码，如Vue、Angular等，并分享阅读经历和收获。

6. 讲一下源代码中应用了哪些设计模式，并具体说明：

   • 答题要点：列举源代码中应用的设计模式，如单例模式、工厂模式、观察者模式等，并具体说明它们在代码中的应用和实现。

【详细参考答案：】开发的过程中你用到过哪些设计模式？

13. 请具体描述日常工作中使用过的设计模式，包括它们实现的功能：

    • 答题要点：列举日常工作中使用过的设计模式，如策略模式、装饰器模式、代理模式等，并描述它们实现的功能和场景。

14. 请分享一下在编写代码过程中的开发经验，是如何减少错误的：

    • 答题要点：分享编写代码过程中的开发经验，如代码审查、单元测试、代码规范等，并说明这些经验如何减少错误。

15. React有哪些类型的组件？普通函数组件和高阶组件之间有什么区别：

    • 答题要点：介绍React的组件类型，包括类组件、函数组件等，并比较普通函数组件和高阶组件的区别。

    【详细参考答案：】什么是高阶组件？

16. Vue和React在diff算法上有哪些不同：

    • 答题要点：比较Vue和React的diff算法，包括比较策略、性能优化等方面。

    【详细参考答案：】
    简单介绍下React中的 diff 算法？
    说说vue中的diff算法

17. 介绍一下你们的监控系统是如何构建的：

    • 答题要点：介绍监控系统的构建过程，包括数据源、数据存储、数据分析、告警通知等方面。

    【详细参考答案：】前端怎么做错误监控？

18. 是否根据业务数据做过优化？如果有，请描述具体场景和措施：

    • 答题要点：列举根据业务数据做过的优化案例，并描述具体场景和优化措施。

19. 你们的日活跃用户数（DAU）是多少？业务反馈率是多少：

    • 答题要点：根据实际情况回答，并简要说明数据背后的业务意义。

20. 是如何处理用户反馈，以及如何快速定位问题的：

    • 答题要点：介绍处理用户反馈的流程和方法，以及快速定位问题的技巧和经验。

21. 请解释一下SASS是什么：

    • 答题要点：介绍SASS的概念、特点以及它在前端开发中的应用。

22. 是否有跨平台开发的经验：

    • 答题要点：分享跨平台开发的经验和案例，如React Native、Flutter等。

    【详细参考答案：】说说你对跨平台的理解？

23. 小程序启动优化有哪些方法？知道哪些相关框架：

    • 答题要点：列举小程序启动优化的方法，如减少资源加载、优化代码结构等，并介绍相关框架如Taro、WePY等。

24. 小程序的最大文件大小限制是多少：

    • 答题要点：根据实际情况回答小程序的最大文件大小限制。

25. WebSocket是如何建立连接的？对于丢包和延迟问题，是如何处理的：

    • 答题要点：介绍WebSocket的建立连接过程，以及处理丢包和延迟问题的策略和方法。

    【详细参考答案：】说下 websocket 的连接原理？

26. 通常是如何学习新知识的：

    • 答题要点：分享学习新知识的方法和经验，如阅读文档、参加培训课程、参与社区讨论等。

27. 接触过哪些新技术，并且是否有将这些技术应用到实践中：

    • 答题要点：列举接触过的新技术，如WebAssembly、PWA等，并说明是否将它们应用到实践中以及应用的效果。

美团公共技术

1. 编写代码：实现一个函数，找出数组中所有字符串的最长公共前缀：

2. 请简要介绍项目，包括遇到的难点和您的离职原因：

   • 答题要点：简要介绍项目背景、功能以及自己在项目中的角色和贡献；说明离职原因时保持客观和诚实。

3. 除了Formily库，是否有对比过其他类似的库：

   • 答题要点：列举其他类似的库，并比较它们的优缺点以及适用场景。

4. 在移动端使用Formily时，是否注意到了任何性能问题：

   • 答题要点：分享在移动端使用Formily时的性能问题以及解决方案。

5. 如果要转向React Native开发，认为需要掌握哪些技能和知识点：

   • 答题要点：列举转向React Native开发需要掌握的技能和知识点，如JavaScript、React、原生模块开发等。

6. 请解释为什么React Hooks不能在循环中使用：

   • 答题要点：解释React Hooks在循环中使用会导致的问题，如状态管理混乱、重复渲染等。

7. 请阐述React中Hooks的顺序一致性的重要性，以及不遵循顺序会导致哪些问题：

   • 答题要点：强调Hooks的顺序一致性对于React组件状态管理的重要性，并说明不遵循顺序会导致的问题，如状态丢失、重复渲染等。

8. 请描述React Fiber的实现机制，以及它是如何优化调度过程的：

   • 答题要点：介绍React Fiber的实现机制，包括任务拆分、中断和恢复等，并说明它如何优化调度过程以提高性能。

   【详细参考答案：】fiber 架构的工作原理？

9. 是否有实现过Webpack插件的经验？如果有，请解释其工作原理：

   • 答题要点：分享实现Webpack插件的经验，并解释Webpack插件的工作原理以及开发流程。

   【详细参考答案：】webpack loader 和 plugin 实现原理？

10. 请用两个栈来实现一个队列的功能：

    • 答题要点：使用两个栈来实现队列的入队和出队操作，并解释其实现原理。

虾皮

1. 请详细解释Formily的底层原理及其主要特点：

   • 答题要点：详细介绍Formily的底层原理，包括数据驱动、动态渲染、可扩展性等主要特点。

2. Formily是如何实现同时适配React和Vue的？请分享其适配机制：

   • 答题要点：分享Formily适配React和Vue的机制和策略，如抽象层设计、插件机制等。

3. 熟悉哪些微前端框架？请简要介绍：

   • 答题要点：列举熟悉的微前端框架，如qiankun、single-spa等，并简要介绍它们的特点和适用场景。

4. 能否解释一下Monorepo是什么，以及它的优势：

   • 答题要点：解释Monorepo的概念和优势，如代码复用、统一管理、简化依赖管理等。

5. 请列举一些Node.js的流行框架，并简要说明它们的作用：

   • 答题要点：列举Node.js的流行框架，如Express、Koa等，并简要说明它们的作用和适用场景。

6. 请阐述CSS、LESS和SASS之间的主要区别：

   • 答题要点：比较CSS、LESS和SASS之间的主要区别，如语法、功能、扩展性等。

7. 是否有使用过低代码平台？如果有，请描述其工作原理：

   • 答题要点：分享使用低代码平台的经验和感受，并描述其工作原理和优缺点。

8. React是如何处理异步任务的？请举例说明：

   • 答题要点：介绍React处理异步任务的方法和技巧，如使用async/await、Promise等，并举例说明。

9. 请解释useMemo和useCallback这两个Hook的区别以及它们的使用场景：

   • 答题要点：解释useMemo和useCallback的区别以及它们的使用场景，如避免不必要的计算和避免子组件的不必要重渲染等。

10. React是如何处理JSX的转换过程的：

    • 答题要点：介绍React处理JSX的转换过程，包括B