本课程是继Vue基础课程后一个实战进阶课程。以“付费阅读”作为项目背景完成前端部分组件的开发。本课程是纯前端课程(使用vue-cli3),使用MockJS作为后
* 第一章:热身和导航栏 cplist.push('第一章:热身和导航栏');/
* 第1讲:开张课、课程内容、环境搭建
* 第2讲:热身:路由组件的按需加载设置、别名设置
* 第3讲:热身:创建第一个路由、运行第一个界面
* 第4讲:导航(1):创建面包屑导航
* 第5讲:导航(2):两种修改组件样式的方式
* 第6讲:导航(3):微调导航样式、配置方式渲染导航
* 第7讲:导航(4):直接使用vue-router渲染导航栏
* 第8讲:导航(5):使用itemRender渲染导航栏、jsx的使用
* 第9讲:导航(6):支持vue-router和自定义导航混合、支持排序
* 第10讲:导航(7):在导航栏上动态增加搜索框
* 第11讲:导航(8):在jsx下文本框事件触发
* 第12讲:导航(9):在jsx下文本框value获取
* 第13讲:导航(10):把搜索框封装到外部组件并加载
* 第二章:课程页开发 cplist.push('第二章:课程页开发');/
* 第14讲:课程页(1):项目多页面设置
* 第15讲:课程页(2):课程页和首页共用导航栏
* 第16讲:课程页(3):多模块共用导航栏下的页面跳转处理
* 第17讲:课程列表页的基本布局、栅格、响应式基本设置
* 第18讲:课程列表组件(1):静态数据
* 第19讲:侧边栏构建:分类列表、卡片、图标基础使用
* 第20讲:侧边栏构建:使用阿里图标、加载SVG
* 第21讲:侧边栏构建:使用阿里图标、在线加载图标
* 第22讲:使用犸良设计动图广告、Lottie加载动画
* 第23讲:课程详细页(1)基本设计、拆分首页和课程路由
* 第24讲:课程详细页(2)从列表页跳转
* 第25讲:课程详细页(3)标题、作者简介、课程介绍等
* 第26讲:课程详细页(4)购买按钮、章节列表页、tab切换等
* 第27讲:课时详细页(1)路由设置、课程图片、课时内容
* 第28讲:课时详细页(2)显示课程目录在侧边栏上
* 第29讲:用户功能(1):导航栏上显示头像、下拉菜单
* 第30讲:用户功能:课程发布页(1)基本表单
* 第31讲:用户功能:课程发布页(2)表单基本验证
* 第32讲:章节发布页(1)添加章节页设计、章节可拖动
* 第33讲:章节发布页(2)、模拟增加章事件
* 第34讲:章节发布页(3)、增加章拖动特效、bug修正
* 第35讲:章节发布页(4)、添加章删除事件
* 第36讲:课时发布页(1):加入markdown编辑器
* 第三章:后端API模拟(mock) cplist.push('第三章:后端API模拟(mock)');/
* 第37讲:基本目录结构、模拟第一个课程列表API(基本套路)
* 第38讲:封装简易的httpClient调用API
* 第39讲:模拟数据渲染课程列表(1)
* 第40讲:模拟数据渲染课程列表(2):滚动加载更多数据(分页)
* 第41讲:模拟数据渲染课程详细页、全局函数使用
* 第42讲:补充:使用mapState简化属性获取
* 第43讲:课程详细页:加载课程详细和章节列表、Bug修正
* 第44讲:课程详细页:调用API代码的简化和封装姿势、mapActions
* 第45讲:课程详细页:一个页面上多个API调用顺序的处理






