前端面试题

以下是一些前端较新的面试题：

一、现代框架相关（以React为例）

1. React Hooks（如useState、useEffect）与传统类组件相比有什么优势？

   • 答案：
     • 代码更简洁：Hooks允许在不编写类组件的情况下使用状态和其他React特性。例如，使用useState可以轻松在函数组件中添加状态，而类组件需要通过this.state和this.setState来管理状态，代码相对繁琐。
     • 更好的逻辑复用：自定义Hooks可以将组件中的逻辑提取出来，在不同的组件中复用，而类组件复用逻辑相对复杂，可能需要继承或者高阶组件等方式，并且这些方式存在一些局限性。
     • 更易于理解：函数组件本身就比类组件结构简单，加上Hooks后，在处理生命周期、状态管理等方面更符合函数式编程的思想，对于开发者来说更容易理解和维护。

2. 在React中如何优化大型组件的性能？

   • 答案：
     • 使用React.memo进行组件记忆化，对于函数组件，如果组件的props没有变化，React.memo会阻止组件重新渲染。
     • 合理使用useCallback和useMemo，useCallback用于缓存函数，避免子组件因为父组件传递的函数引用变化而重新渲染；useMemo用于缓存计算结果，当依赖项没有变化时直接使用缓存结果。
     • 对于类组件，可以使用shou