课程介绍

本视频是Vue技术栈的项目实战视频 .

1.基于Vue2.5版本

2.项目是关于外卖业务的前后台分离Web App，功能模块包含商家, 商品, 购物车, 用户管理等多个模块

3.后台应用技术架构为: Node + Express + Mongodb + Mongoose

4.前台应用技术架构为: vue + vuex + vue-router + webpack + ES6

5.采用模块化、组件化、工程化的模式开发

6.具体涉及技术：

1).使用代理服务器解决跨域

2).mock数据接口库: mockjs

3).ES7新语法: async/await

4).流行的ajax请求库: axios

5).常用的滑动库: better-scroll, swiper

6).Vue移动端UI组件库: mint-ui

7).常用的图片懒加载插件: vue-lazyload

8).一次性短信验证码和图片验证码技术

目录：

00· 视频_源代码

01硅谷外卖_项目功能演示.avi

02硅谷外卖_项目开发准备.avi

03硅谷外卖_创建项目并运行.avi

04硅谷外卖_资源准备.avi

05硅谷外卖_项目源码目录设计.avi

06硅谷外卖_stylus使用.avi

07硅谷外卖_组件化编码.avi

08硅谷外卖_引入vue-router.avi

09硅谷外卖_FooterGuide组件.avi

10硅谷外卖_各导航路由组件(静态).avi

11硅谷外卖_HeaderTop组件.avi

12硅谷外卖_使用swiper实现商品分类列表轮播.avi

13硅谷外卖_ShopList组件(静态).avi

14硅谷外卖_Login组件(静态).avi

15硅谷外卖_启动后台应用并测试接口.avi

16硅谷外卖_封装ajax请求函数.avi

17硅谷外卖_封装接口请求函数.avi

18硅谷外卖_使用git对项目进行版本控制.avi

19硅谷外卖_复习.avi

20硅谷外卖_配置代理实现跨域ajax请求.avi

21硅谷外卖_创建vuex的整体结构.avi

22硅谷外卖_使用vuex管理首页数据.avi

23硅谷外卖_异步显示当前地地址.avi

24硅谷外卖_异步显示食品分类轮播列表.avi

25硅谷外卖_使用watch和$nextTick解决轮播的bug.avi

26硅谷外卖_异步显示商家列表.avi

27硅谷外卖_使用svg显示加载中提示界面.avi

28硅谷外卖_Star组件.avi

29硅谷外卖_注册登陆功能演示说明.avi

30硅谷外卖_登陆界面效果1_切换登陆方式.avi

31硅谷外卖_登陆界面效果2_手机号检查.avi

32硅谷外卖_登陆界面效果3_倒计时效果.avi

33硅谷外卖_登陆界面效果4_切换密码的显示和隐藏.avi

34硅谷外卖_登陆界面效果5_前台表达验证.avi

35硅谷外卖_复习.avi

36硅谷外卖_动态一次性图形验证码.avi

37硅谷外卖_定义接口请求函数.avi

38硅谷外卖_登陆_发送短信验证码.avi

39硅谷外卖_登陆_完成登陆请求.avi

40硅谷外卖_登陆_保存用户信息到vuex.avi

41硅谷外卖_登陆后更新个人中心界面.avi

42硅谷外卖_登陆更新跳转路由.avi

43硅谷外卖_自动登陆.avi

44硅谷外卖_退出登陆.avi

45硅谷外卖_搭建商家整体界面.avi

46硅谷外卖_json的理解.avi

47硅谷外卖_设计json数据.avi

48硅谷外卖_使用mockjs模拟接口数据.avi

49硅谷外卖_ajax请求mockjs模拟的接口.avi

50硅谷外卖_ShopHeader组件.avi

51硅谷外卖_复习.avi

52硅谷外卖_异步显示goods数据.avi

53硅谷外卖_滑动效果分析.avi

54硅谷外卖_使用better-scroll实现回弹滑动.avi

55硅谷外卖_收集scrollY.avi

56硅谷外卖_收集tops.avi

57硅谷外卖_滑动右侧列表更新当前分类.avi

58硅谷外卖_解决惯性滑动不更新当前分类的bug.avi

59硅谷外卖_点击分类项滑动右侧列表.avi

60硅谷外卖_CartControl组件1.avi

61硅谷外卖_CartControl组件2.avi

62硅谷外卖_Food组件1.avi

63硅谷外卖_Food组件2.avi

64硅谷外卖_ShopCart组件1.avi

65硅谷外卖_ShopCart组件2.avi

66硅谷外卖_显示购物项列表.avi

67硅谷外卖_解决列表显示的3个bug.avi

68硅谷外卖_复习.avi

69硅谷外卖_购物车动画.avi

70硅谷外卖_购物车列表的滑动.avi

71硅谷外卖_清空购物车.avi

72硅谷外卖_ShopRatings组件1.avi

73硅谷外卖_ShopRatings组件2.avi

74硅谷外卖_ShopInfo组件1.avi

75硅谷外卖_ShopInfo组件2.avi

76硅谷外卖_ShopInfo组件3.avi

77硅谷外卖_Search组件.avi

78硅谷外卖_缓存路由组件对象.avi

79硅谷外卖_路由组件懒加载.avi

80硅谷外卖_图片懒加载vue-lazyload.avi

81硅谷外卖_使用moment实现日期过滤器.avi

82硅谷外卖_打包文件分析与优化.avi