构建工具简介

webpack简介

webpack小试牛刀

使用webpack配置文件

less-loader解析less

eslint-loader语法检查

js语法转换

js新语法按需引入

url-loader解析样式中的图片

打包html文件

打包html中图片资源

打包其他资源

自动编译打包运行

HMR（热模替换）

devtool映射技术

准备生产环境

清除打包文件目录

提取css成单独文件

css文件的兼容性处理

压缩css

压缩html

vscode编译器的使用

react简介

hello-react

虚拟DOM的两种创建方式

几个小问题说明

jsx语法规则

jsx的小练习

组件的两种创建方式

复习

组件三大属性之state

state的简写方式

组件三大属性之props

props传递标签属性简化写法

组件三大属性之ref&事件处理

ref新语法

复习

todolist实现静态组件

todolist动态展示数据

完成todolist

受控组件与非受控组件

组件的声明周期

复习

关于forceUpdate与willRecriveProps

getDerivedStateFromProps

getSnapshotBeforeUpdate

验证diff算法

key的作用

react脚手架的下载

react脚手架的简单说明

react脚手架详细说明

一个简单的组件组合

评论案例—静态页面

用户评论案例—动态初始化

用户评论案例—增加评论

用户评论案例—完成交互

用户评论—第二版

axios练习

fetch的简单练习

github搜索案例—静态页面

github搜索案例—发送请求

github搜索案例—完成交互

复习

github搜索案例—pubsub版

react组件间通信方式

路由的简介

基本路由使用

基本路由的详细说明

二级路由的搭建（一）

复习

二级路由的搭建（二）

路由组件传参

编程式路由导航

antd的简单使用

复习

文件夹介绍——项目效果演示

回顾git

项目技术选型

使用create-react-app搭建应用

配置antd样式的按需引入

antd自定义主题

搭建login与admin路由

login静态页面

antd的From组件-静态

用户名的声明式验证

密码的自定义验证

登录表单的统一验证

高阶组件&高阶函数

复习

准备redux分支

redux交互模型简介

redux原理图详解

案例-react版

案例-redux-无action版

案例-redux最终版

react-redux的简介

案例-react-redux（第一版）

案例-react-redux（第二版）

react-redux异步编程

redux调试工具的使用

react-redux的模块化编码

复习

搭建redux开发环境

API接口及测试

配置代理解决跨域问题

post请求json形式编码参数

使用axios请求拦截器

使用axios响应拦截器

配置项目基本路径

请求进度条效果

把服务器返回的user信息交给redux管理

自动登录

退出登录功能

复习

装饰器语法

token验证

Admin整体布局搭建

Admin子路由搭建

头部静态布局

登录状态过期自动跳转

头部交互-全屏切换

头部交互-退出登录

头部时间展示

获取天气信息

展示天气信息

withRouter的使用

左侧导航静态布局

左侧导航静态-切换效果

动态生成菜单

菜单默认选中以及自动打开

展示header组件中的title

使用redux管理标题

商品分类静态页面(一)

商品分类静态页面(二)

动态初始化数据

新增与修改弹窗

新增商品

更新商品分类

处理导航默认选中问题

商品管理静态页面

初始化列表展示+分页

操作商品状态

发送搜索请求

搜索功能的实现

商品详情和修改路由的搭建

解决标签选中和title的问题

商品详情-静态页面

展示详情

从服务器拉取详情

展示商品详细信息-redux

展示商品详细信息-请求后台

新增商品-静态页面

收集部分商品数据

照片墙-静态

使用Upload组件上传一个文件

上传和删除的响应

完成上传功能

富文本编辑器

完成新增商品

商品修改

角色管理简介

新增角色

树形菜单

完成授权功能

获取用户列表

新增用户

遍历菜单-数组的some方法

echarts的使用