Skip to content

shfshanyue/Daily-Question

Repository files navigation

日问

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏。

每天至少一个前端面试题,并附以答案及讨论。每天五分钟,半年大厂中,促进个人职业成长,敲开大厂之门。日问致力做到有问题、有答案、有代码、有视频讲解。

以诸葛武侯的诫子书与君共勉:

夫君子之行,静以修身,俭以养德。非澹泊无以明志,非宁静无以致远。夫学须静也,才须学也,非学无以广才,非志无以成学。淫慢则不能励精,险躁则不能治性。年与时驰,意与日去,遂成枯落,多不接世,悲守穷庐,将复何及!

CodeSandbox 示例集

由于在 CodeSandBox 无法以收藏夹的方式共享,我把其中涉及到有关代码的示例列举在这里

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

Codepen 示例集

特别赞助

开发者武器库

大厂内推

添加微信 shanyue94,免费大厂内推。

大厂面经

阿里

更多面经请转至 大厂面经大全

头条

更多面经请转至 大厂面经大全

腾讯

更多面经请转至 大厂面经大全

交流

我是山月,你可以添加微信 shanyue94 与我交流,另外欢迎关注我的博客山月行,我会在其中分享工作中遇到的一些前后端问题以及思考。