- 1.使用create-react-app创建基于react脚手架应用(最好精简一下脚手架)
- 2.引入antd,完成按需引入,自定义主题
- 3.login静态页面(不使用atnd的任何组件)
- 4.login的Form表单(不加校验,只是使用静态的Form)
- 5.login的Form表单(给用户名加校验,声明式验证)
- 6.login的Form表单(给密码加校验,自定义验证)
- 7.理解好Form.create()(Login)
- 8.高阶组件、高阶函数
- redux,请切换到redux分支进行学习
- 1.搭建项目redux开发环境
- 2.建立myAxios.js文件,封装原生axios,使用请求拦截器统一更改post请求参数为urlencoded编码
- 3.使用响应拦截器,统一处理所有ajax请求的错误 + 从axios返回对象中提取真正服务器返回的数据
- 4.Redux保存user和token数据,完成自动登录
- 5.完成退出登录逻辑
-
1.使用es6的装饰器语法,要安装@babel/plugin-proposal-decorators
//装饰器语法,让MyClass多了一个a属性 @demo class MyClass { } function demo(target) { target.a = 1; } //正常语法,让MyClass多了一个a属性 class MyClass { } function demo(target) { target.a = 1; } MyClass = demo(MyClass)
-
2.token工作原理 + 实现token验证
-
3.Admin界面布局 -- 使用antd的Layout组件
-
4.Admin子路由搭建 -- 区分好容器组件和UI组件
-
5.Header组件静态
-
6.Header组件交互--全屏切换,使用screenfull库
-
7.Header组件交互--退出登录,使用antd的Modal提示框组件
-
8.Header组件交互--天气预报,请求的是百度接口,使用了jsonp库发送请求
-
9.使用withRouter包装非路由组件,让非路由组件可以使用路由组件的API