7.4 框架第七到第九章

作者： 作者的头像   bubboo123 ,  2022-07-04 16:38:44 ,  所有人可见 ,  阅读 186

0


第七章 React使用

3.png

4.png

5.png

6.png
Snipaste_2023-03-31_10-55-09.png

State不可变值

6.png

<=Reate17的情况下

565.png
Snipaste_2023-03-31_10-58-28.png

setTimeout和自定义dom事件中同步

Snipaste_2023-03-31_10-58-50.png

Snipaste_2023-03-31_10-59-37.png

异步时传入对象，会合并

Snipaste_2023-03-31_11-01-05.png

异步时传入函数，不会合并

Snipaste_2023-03-31_11-01-20.png

Snipaste_2023-03-31_11-04-33.png
Snipaste_2023-03-31_11-05-12.png

组件生命周期

7.png

1.png

2.png

3.png

受控与非受控组件

4.png
5.png

6.png

Portals

7.png
Snipaste_2023-03-31_11-07-45.png

8.png

context

9.png

函数组件

Snipaste_2023-03-31_11-09-03.png

class组件

Snipaste_2023-03-31_11-10-34.png

异步组件

10.png
Snipaste_2023-03-31_11-12-03.png

Snipaste_2023-03-31_11-11-37.png

11.png

7-19 React性能优化-SCU的核心问题在哪里

12.png
13.png

Snipaste_2023-03-31_11-16-17.png
14.png

16.png

不可变值，才会在判断的时候发现不一样所以进行return true

不然你先push改了值，再赋值，其实两个是一样的，SCU判断的时候会觉得一样，会出现bug

深拷贝和深比较都是一次性递归，性能不好

1.png

2.png

3.png
4.png
5.png

7-24 什么是React高阶组件

React组件的复用，高阶组件HOC和Render Props

6.png
7.png

8.png

9.png

10.png

1.png

7-27 Redux考点串讲

2.png
3.png
4.png

5.png

6.png

7.png
8.png

9.png

10.png

11.png
12.png

13.png
14.png

React Router

15.png

16.png

17.png
1.png

2.png

3.png

4.png

5.png

事件、state和setState重点
6.png

7.png
8.png

9.png

10.png
11.png

12.png

第8章 React 原理

13.png
14.png
15.png

16.png

8-2 再次回顾不可变值

1.png

3.png

8-3 vdom和diff是实现React的核心技术

4.png
5.png
6.png

8-4 JSX本质是什么

7.png
8.png
9.png

8-5 说一下 React 的合成事件机制

10.png
11.png

12.png

13.png

14.png

8-6 说一下React的batchUpdate机制

16.png
17.png

1.png

异步走yes，同步走no

Snipaste_2023-03-31_13-30-29.png

2.png

3.png

4.png

5.png

6.png

8-7 简述React事务机制

7.png

8.png

9.png

8-8 说一下React组件渲染和更新的过程

10.png

11.png

12.png

13.png

14.png
fiber了解原因背景怎么实现即可
15.png

组件渲染和更新过程

16.png

1.png

8-9 React-fiber如何优化性能

2.png

3.png

4.png

5.png

8-10 React原理-考点总结和复习

6.png

7.png

8.png

9.png

10.png

11.png

第9章 React 面试真题演练

可以给子组件传递参数，也可以传递函数让子组件调用

12.png

14.png

13.png

15.png

16.png

17.png
1.png

2.png
3.png

4.png

5.png
6.png

7.png

8.png
9.png

10.png

11.png
12.png

13.png

1.png

2.png

3.png
4.png

0 评论