投稿

【黑马】前端开发工程师框架篇之ReactJs学习【配套源码+笔记】

5909

8

2020-03-21 17:58:54

未经作者授权，禁止转载

本系列视频是由【黑马】的老师们精心录制而成，希望对你有所帮助，欢迎大家在下方留言写下自己想要了解的相关话题，本站将会根据大家的留言陆续更新更多的技术视频。欢迎大家关注本站，请添加橙子老师微信VX：heima18615692291 或者小雪老师微信VX：15335318451 ，转发相关信息后获取配套的笔记资源。

黑马程序员济南中心发消息

A股上市公司、专注IT教育17年，帮助30w+学员成功就业私信我，咨询领取课程资料请+V: 13255699616

01介绍react

08:57

02.三大框架的现状

07:30

03.从组件化方面对比React和Vue

13:49

04.从其它角度对比React和Vue

08:54

05.为什么要学习React

02:14

06.介绍DOM和虚拟DOM的概念

04:58

07.虚拟DOM的本质和目的

31:10

08.介绍Diff算法的概念

07:39

09.webpack4.x最基本的使用步骤

19:56

10.关于Node和Chrome之间的关系

05:36

11.webpack-dev-server的基本使用

12:03

12.配置html-webpack-plugin插件

08:18

13.使用React渲染最基本的虚拟DOM到页面上

16:29

14.使用React.createElement实现虚拟DOM嵌套

03:53

15.在React项目中启用JSX语法

23:55

16.在JSX中书写JS代码

11:40

17.将普通字符串数组，转为jsx数组并渲染到页面上

10:54

18.演示Vue和React中key的作用

15:30

19.关于jsx语法的注意事项

06:09

20.创建组件的第一种方式并为组件传递props数据

14:48

21.使用ES6的展开运算符简化传递props数据的过程

04:18

22.将组件抽离为单独的.jsx文件

08:56

23.配置webpack从而在导入组件的时候，省略.jsx后缀名

04:22

24.配置webpack设置根目录

05:11

25.class-创建类并通过constructor挂载实例属性

14:29

26.class-使用static创建静态属性

04:26

27.class-实例方法和静态方法

10:12

28.class-总结class的基本用法和两个注意点

04:07

29.class-使用extends实现子类继承父类

10:33

30.class-子类访问父类上的实例方法

03:14

31.class-constructor构造器中super函数的使用说明

10:44

32.class-为子类挂载独有的实例属性和实例方法

06:26

33.使用class关键字创建组件

09:01

34.为class创建的组件传递props参数并直接使用this.props来访问

06:10

35.介绍class创建的组件中this.state

11:16

36.介绍有状态组件和无状态组件的区别

07:15

37.评论列表案例-创建CmtList组件并渲染基本页面结构

10:22

38.评论列表案例-将评论Item项抽离为单独的CmtItem组件

04:43

39.评论列表案例-将评论列表组件和评论项组件抽离为单独的组件

05:50

40.评论列表案例-演示艾特符号替代相对路径的好处

04:08

41.在组件中使用style行内样式并封装样式对象

15:16

42.使用css样式表美化组件

09:02

43.演示React中使用普通css样式表的作用域冲突问题

07:34

44.为普通样式表通过modules参数启用模块化

17:23

45.使用localIdentName来自定义模块化的类名

09:12

46.通过local和global设置类名是否被模块化

06:16

47.在项目中为scss或less文件启用模块化

20:59

48.在React中为按钮绑定点击事件

24:24

49.使用this.setState修改state上的数据

10:55

50.this.setState的两个注意点

06:11

51.React中绑定文本框与State中的值

25:17

52.拓展-Vue中实例的生命周期1

32:56

53.拓展-Vue中实例的生命周期2

09:19

54.快速梳理React的组件生命周期函数图

07:49

顶部