大场面试代码题，有这些就够了

山月在大厂面试题库中，已经有了600多道题目。

而且包含各种各样方向的面试题，比如 React、HTTP 等

但是其中不少是关于代码篇：

1. 一部分考察你的编程能力
2. 一部分通过代码考察你的 React/Vue 能力

我把该仓库所有代码都扔到了 codesandbox 与 codepen，并在持续更新。欢迎关注我的 Github 以及我的 Codepen。

• 大场面试每日一题题库
• 大场面试每日一题题库

最后，我把所有的面试题都打包成了 PDF，感兴趣的可以私信我。

CodeSandbox 示例集

由于在 CodeSandBox 无法以收藏夹的方式共享，我把其中涉及到的示例总结在这里

1. React.memo 和性能优化。当某个组件状态更新时，它的所有子组件树将会重新渲染。
2. React.memo 和记忆化数据
3. React.memo 和 React.useMemo 优化性能
4. React.memo 和 React.useCallback 优化性能
5. React 中可以以数组的 index 作为 key 吗?。在这段代码中，使用 index 作为 key，其中夹杂了 input，引发 bug
6. React 中以数组的 index 作为 key。在这段代码中，使用 index 作为 key，其中夹杂了随机数，引发了 bug
7. React 兄弟组件通信。兄弟组件在 React 中如何通信
8. React 中合成事件。React 中事件为合成事件，你可以通过 e.nativeEvent 获取到原生事件，观察 e.nativeEvent.currentTarget 你将会发现 React 将所有事件都绑定在了 #app(React 应用挂载的根组件)
9. React 中 input.onChange 的原生事件是什么？。观察 e.nativeEvent.type 可知
10. React hooks 如何实现一个计数器 Counter
11. React FiberNode 数据结构。贯彻 element._owner 可知 FiberNode 数据结构
12. React 点击按钮时自增三次。此时需使用回调函数，否则会报错
13. React 不可变数据的必要性。
14. React 不可变数据的必要性之函数组件。当在 React hooks 中 setState 两次为相同数据时，不会重新渲染
15. React 状态批量更新之事件处理。事件处理中的状态会批量更新，减少渲染次数
16. React 状态批量更新之异步请求。异步请求中的状态不会批量更新，将会造成多次渲染
17. React18 状态批量更新。在 React 18 中所有状态将会批量更新
18. React capture value

Codepen 示例集

• 前端大厂面试指南