React
2024年03月04日
- 一、原理
- 1.1 JSX 本质是什么?
- 1.1 useMemo 实现原理?
- 1.2 useState 实现原理？
- 1.3 useEffect 实现原理？
- 1.4 useCallback 实现原理？
- 1.5 React 组件渲染更新流程?
- 1.6 React 并发模式实现原理？
- 1.8 React Fiber 架构的理解? 解决了什么问题?
- 1.9 Fiber 解决了什么问题? 为什么 Fiber 能够解决卡顿的问题?
- 1.10 useTransition 实现原理？
- 1.11 React 中为什么不能直接用 requestIdleCallback ?
- 1.12 说说 React render 方法的原理 ? 在什么时候会被触发 ？
- 1.13 说说 React JSX 转换成真实 DOM 过程？
- 1.14 React Fiber 是如何实现更新过程可控？
- 1.15 Fiber 为什么是 React 性能的一个飞跃?
- 二、通信
- 三、Hooks
- 3.1 useState 为什么返回的是数组,而不是一个对象
- 3.2 useState 更新状态时,如果对象嵌套过深,会发生更新异常的情况,如何解决呢?
- 3.3 useCallback 与 useMemo 的区别?
- 3.4 useEffect(callback,deps) 中的 deps 是如何进行比较的?
- 3.5 useState 中的 state 是如何进行比较的?
- 3.6 为什么不可以在函数组件外部使用 Hooks ？
- 3.7 为什么不可以在条件语句、循环条件里面使用 Hooks ？
- 3.8 useEffect 与 componentDidMount 的区别?
- 3.9 useCallback()、useMemo() 有什么缺陷? 可以滥用吗?
- 3.10 函数组件怎么实现 shouldComponentUpdate ？
- 3.11 类组件中的 setState 和函数组件中的 useState 有什么异同？
- 3.12 React useEffect 对应类组件的哪些生命周期？
- 3.13 有遇到过 React Hooks 中的闭包问题吗? 如何解决?
- 3.16 如何在 React 函数组件区分 mounted 和 updated（比如需要在 updated 时候做一个操作，但是 mounted 时候不需要）
- 3.17 useState 的传参方式，有什么区别？
- 3.18 为什么每次更新的时候都要运行 useEffect ?
- 3.19 多次执行 useState()，会触发多次更新吗？
- 3.20 useState()的 state 是否可以直接修改？是否可以引起组件渲染？
- 3.21 useTransition 解决了什么问题? 可以用 setTimeout 替代吗？
- 3.22 useTransition vs useDeferredValue ?
- 3.23 useLayoutEffect 与 useEffect 的区别? 什么时候用 useLayoutEffect, 什么时候用 useEffect？
- 3.24 useTransition 解决了什么问题? 可以用节流代替吗？
- 3.25 使用 useState 需要注意什么?
- 3.27 useState() 的 state 是否可以直接修改？是否可以引起组件渲染？
- 3.28 getDerivedStateFromProps 有什么作用?
- 3.29 getSnapshotBeforeUpdate 有什么作用?
- 3.30 如何让 useEffect 支持 async/await？
- 3.31 说说你对 React Hooks 的闭包陷阱的理解, 有哪些解决方案？
- 3.32 如何基于 useMemo 实现 useCallback
- 四、类组件
- 4.1 React 类组件生命周期对 setState 调用特点?
- 4.2 类组件 shouldComponentUpdate 生命周期如何使用？
- 4.3 React 类组件修改 this 指向的方式有哪些?
- 4.4 调用 setState 之后发生了什么?
- 4.5 说说对受控组件和非受控组件的理解, 以及应用场景?
- 4.6 调用 super(props) 的目的是什么?
- 4.7 应该在 React 组件的何处发起 Ajax 请求？
- 4.8 setState是同步还是异步，可以实现同步吗，怎么实现，异步的原理是什么？
- 4.9 为什么建议传递给 setState 的参数是一个 callback 而不是一个对象？
- 4.10 shouldComponentUpdate 的作用? 如何正确使用?
- 4.11 React Fiber 架构的出现影响了哪些生命周期?
- 4.12 super() 和 super(props) 有什么区别?
- 4.13 说说 React 中的 setState 执行机制
- 4.14 React 中 refs 干嘛用的？
- 4.15 setState 何时会合并 state?
- 4.16 React18 中 setState的变化 ?
- 4.17 基于 React.Component 类实现 React.PureComponent 的功能, 并实现 Object.is ?
- 4.18 如果 React.Component 没有显示声明 constructor, 会发生什么？
- 4.19 React 为什么要废弃 componentWillMount、componentWillReceiveProps、componentWillUpdate 这三个生命周期钩子？ 它们有哪些问题呢？React 又是如何解决的呢？
- 五、函数组件
- 六、状态管理
- 七、事件系统
- 八、性能优化
- 九、异常处理
- 十、框架对比
- 十一、Diff 算法
- 11.1 什么是虚拟 DOM?
- 11.2 虚拟DOM 有什么优势?
- 11.3 虚拟DOM 原理是什么? React 如何生成虚拟 DOM?
- 11.4 React Diff 算法机制、思想、有什么优化?
- 11.5 React 中 key 的作用是什么? 如果不加 Key 会怎么样？
- 11.6 React 中为什么不可以用 Index 作为 key ?
- 11.7 React Diff 与 Vue2.0 Diff、Vue3.0 Diff 有什么区别？
- 11.8 Vue、React 在虚拟 DOM 的 Diff 上，做了哪些改进使得速度很快？
- 11.9 说说 Real DOM 和 Virtual DOM 的区别？优缺点？
- 11.10 为什么 React 不采用 Vue 的双端对比算法？
- 11.11 虚拟 DOM 真的很快吗 ？
- 十二、React 版本
- 十三、React 路由
- 十四、其他
- 参考资料