日问
- 山月的博客点击这里
- 一日一题官方网站点击这里
- 一日一题 bilibili 讲解点击这里，每天晚上九点十分B站直播讲解面试题。
勤学如春起之苗，不见其增，日有所长；辍学如磨刀之石，不见其损，日有所亏。
每天至少一个前端面试题，并附以答案及讨论。每天五分钟，半年大厂中，促进个人职业成长，敲开大厂之门。日问致力做到有问题、有答案、有代码、有视频讲解。
以诸葛武侯的诫子书与君共勉:
夫君子之行，静以修身，俭以养德。非澹泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
CodeSandbox 示例集
由于在 CodeSandBox 无法以收藏夹的方式共享，我把其中涉及到有关代码的示例列举在这里
- React.memo 和性能优化。当某个组件状态更新时，它的所有子组件树将会重新渲染。
- React.memo 和记忆化数据
- React.memo 和 React.useMemo 优化性能
- React.memo 和 React.useCallback 优化性能
- React useEffect cleanup。在这段代码中，示例演示 cleanup 的时机
- React 中可以以数组的 index 作为 key 吗?。在这段代码中，使用 index 作为 key，其中夹杂了 input，引发 bug
- React 中以数组的 index 作为 key。在这段代码中，使用 index 作为 key，其中夹杂了随机数，引发了 bug
- React 兄弟组件通信。兄弟组件在 React 中如何通信
- React 中合成事件。React 中事件为合成事件，你可以通过
e.nativeEvent获取到原生事件，观察e.nativeEvent.currentTarget你将会发现 React 将所有事件都绑定在了#app(React 应用挂载的根组件) - React 中 input.onChange 的原生事件是什么？。观察
e.nativeEvent.type可知 - React hooks 如何实现一个计数器 Counter
- React FiberNode 数据结构。贯彻
element._owner可知 FiberNode 数据结构 - React 点击按钮时自增三次。此时需使用回调函数，否则会报错
- React 不可变数据的必要性。
- React 不可变数据的必要性之函数组件。当在 React hooks 中 setState 两次为相同数据时，不会重新渲染
- React 状态批量更新之事件处理。事件处理中的状态会批量更新，减少渲染次数
- React 状态批量更新之异步请求。异步请求中的状态不会批量更新，将会造成多次渲染
- React18 状态批量更新。在 React 18 中所有状态将会批量更新
- React capture value
Codepen 示例集
特别赞助
Apifox: API 文档、API 调试、API Mock、API 自动化测试
大厂内推
添加微信 shanyue94，免费大厂内推。
大厂面经
阿里
更多面经请转至 大厂面经大全
头条
更多面经请转至 大厂面经大全
腾讯
更多面经请转至 大厂面经大全
交流
我是山月，你可以添加微信 shanyue94 与我交流，另外欢迎关注我的博客山月行，我会在其中分享工作中遇到的一些前后端问题以及思考。
社交:
| Github | 知乎 | 掘金 | 博客 | B站 |
|---|
项目:
| 极客时间返利 | 前端面试每日一题 | 诗词集 |
|---|---|---|
| 开发者工具箱 | npm 在线执行 | 前端周刊 |
| 一纸简历 | 码途编辑器 | 云吸一只猫 |