课程试听
1-1 React介绍
- 01介绍react
- 02.三大框架的现状
- 03.从组件化方面对比React和Vue
- 04.从其它角度对比React和Vue
- 05.为什么要学习React
- 06.介绍DOM和虚拟DOM的概念
- 07.虚拟DOM的本质和目的
- 08.介绍Diff算法的概念
1-2 webpack4.X基本使用
- 01.webpack4.x最基本的使用步骤
- 02.关于Node和Chrome之间的关系
- 03.webpack-dev-server的基本使用
- 04.配置html-webpack-plugin插件
1-3 React虚拟DOM和JSX语法
- 01.使用React渲染最基本的虚拟DOM到页面上
- 02.使用React.createElement实现虚拟DOM嵌套
- 03.在React项目中启用JSX语法
- 04.在JSX中书写JS代码
- 05.将普通字符串数组，转为jsx数组并渲染到页面上
1-4 组件和ES6语法综合运用
- 01.演示Vue和React中key的作用
- 02.关于jsx语法的注意事项
- 03.创建组件的第一种方式并为组件传递props数据
- 04.使用ES6的展开运算符简化传递props数据的过程
- 05.将组件抽离为单独的.jsx文件
- 06.配置webpack从而在导入组件的时候，省略.jsx后缀名
- 07.配置webpack设置根目录
- 08.class-创建类并通过constructor挂载实例属性
- 09.class-使用static创建静态属性
- 10.class-实例方法和静态方法
- 11.class-总结class的基本用法和两个注意点
- 13.class-使用extends实现子类继承父类
- 14.class-子类访问父类上的实例方法
- 15.class-constructor构造器中super函数的使用说明
- 16.class-为子类挂载独有的实例属性和实例方法
- 17.使用class关键字创建组件
- 18.为class创建的组件传递props参数并直接使用this.props来访问
- 19.介绍class创建的组件中this.state
- 20.介绍有状态组件和无状态组件的区别
1-5 评论列表案例
- 01.评论列表案例-创建CmtList组件并渲染基本页面结构
- 02.评论列表案例-将评论Item项抽离为单独的CmtItem组件
- 03.评论列表案例-将评论列表组件和评论项组件抽离为单独的组件
- 04.评论列表案例-演示艾特符号替代相对路径的好处
1-6 React其它知识
- 01.在组件中使用style行内样式并封装样式对象
- 02.使用css样式表美化组件
- 03.演示React中使用普通css样式表的作用域冲突问题
- 04.为普通样式表通过modules参数启用模块化
- 05.使用localIdentName来自定义模块化的类名
- 06.通过local和global设置类名是否被模块化
- 07.在项目中为scss或less文件启用模块化
- 08.在React中为按钮绑定点击事件
- 09.使用this.setState修改state上的数据
- 10.this.setState的两个注意点
- 11.React中绑定文本框与State中的值
- 12.拓展-Vue中实例的生命周期1
- 13.拓展-Vue中实例的生命周期2
- 14.快速梳理React的组件生命周期函数图