第1章 个人中心页面与交互开发

1-1 优化用户登录路由

1-2 首页个人中心菜单交互

1-3 使用iconfont制作自定义图标

1-4 使用最新的Layui版本

1-5 创建个人内容子组件

1-6 完成用户中心欢迎页静态样式书写(CSS基础)

1-7 完成个人中心基本设置(CSS基础)

1-8 完成我的帖子子组件静态样式(CSS基础)

h5不支持cellspacing&cellpadding，css等价border-collapse: collapse; border-spacing: 0

1-9 完成消息&其他设置页面静态样式(CSS基础)

1-10 Sass进阶1@for,@Mixin,Map用法介绍**

1-12 Sass进阶2@each,Map相关操作，学会书写通用工具类Mixin

第2章 前后端分离后安全机制与缓存机制

2-1 用户信息如何缓存？localStorage&SessionStorage的区别

beforeEnter:(to, from, next) => {}

2-3 登录路由优化（全局路由守卫）

2-5 登录安全机制优化（jwt过期后处理逻辑）

token设置时常8-24h，refresh token 1个月 (token过期后，拿refresh token获取新的token)

第3章 用户积分体系之签到模块开发

3-1 用户签到说明模态框（CSS基础）

3-2 签到榜列表（CSS基础）

3-3 签到榜标签切换

3-4 签到榜的组件拆分&子组件事件传递

3-5 用户签到逻辑介绍

3-6 签到接口开发1

jwt.verity()、jwt.sign()

3-7 签到接口开发2

3-8 签到接口3种调试方法：功能测试、单步调试、临界条件测试

3-9 签到接口完成测试&接口开发小结

3-10 签到组件前端交互

3-11 自定义Pop气泡组件

3-12 完善签到组件

第4章 修改基本信息页面开发

4-1 异常路由处理，添加404页面

flex-flow: column nowrap;

4-2 input标签radio样式自定义

4-3 基本设置修改用户资料接口

4-4 后端Routes入口优化

require.context

4-5 基本信息修改接口开发

result.n === 1 && result.ok === 1 更新成功

4-6 调试账号修改接口&邮件发送服务

4-7 调试账号修改路由&自定义邮件内容

4-8 开发确认邮件跳转的前端页面

4-9 完成用户中心修改个人信息

4-10 代码作业-忘记密码页面&接口

4-11 上传头像前端页面开发

4-12 图片上传接口路由&文件解析配置

4-13 自定义路径工具类&make-dir 库使用

4-15 上传头像接口联调

4-16 修改密码功能