Vue项目实战：硅谷外卖
视频介绍
本视频是尚硅谷 Vue 技术栈的项目实战视频。
1.基于 Vue 的新的版本； 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.项目功能演示
- 02.项目开发准备
- 03.创建项目并运行
- 04.资源准备
- 05.项目源码目录设计
- 06.stylus使用
- 07.组件化编码
- 08.引入vue-router
- 09.FooterGuide组件
- 10.各导航路由组件(静态)
- 11.HeaderTop组件
- 12.使用swiper实现商品分类列表轮播
- 13.ShopList组件(静态)
- 14.Login组件(静态)
- 15.启动后台应用并测试接口
- 16.封装ajax请求函数
- 17.封装接口请求函数
- 18.使用git对项目进行版本控制
- 19.复习
- 20.配置代理实现跨域ajax请求
- 21.创建vuex的整体结构
- 22.使用vuex管理首页数据
- 23.异步显示当前地地址
- 24.异步显示食品分类轮播列表
- 25.使用watch和$nextTick解决轮播的bug
- 26.异步显示商家列表
- 27.使用svg显示加载中提示界面
- 28.Star组件
- 29.注册登陆功能演示说明
- 30.登陆界面效果1_切换登陆方式
- 31.登陆界面效果2_手机号检查
- 32.登陆界面效果3_倒计时效果
- 33.登陆界面效果4_切换密码的显示和隐藏
- 34.登陆界面效果5_前台表达验证
- 35.复习
- 36.动态一次性图形验证码
- 37.定义接口请求函数
- 38.登陆_发送短信验证码
- 39.登陆_完成登陆请求
- 40.登陆_保存用户信息到vuex
- 41.登陆后更新个人中心界面
- 42.登陆更新跳转路由
- 43.自动登陆
- 44.退出登陆
- 45.搭建商家整体界面
- 46.json的理解
- 47.设计json数据
- 48.使用mockjs模拟接口数据
- 49.ajax请求mockjs模拟的接口
- 50.ShopHeader组件
- 51.复习
- 52.异步显示goods数据
- 53.滑动效果分析
- 54.使用better-scroll实现回弹滑动
- 55.收集scrollY
- 56.收集tops
- 57.滑动右侧列表更新当前分类
- 58.解决惯性滑动不更新当前分类的bug
- 59.点击分类项滑动右侧列表
- 60.CartControl组件1
- 61.CartControl组件2
- 62.Food组件1
- 63.Food组件2
- 64.ShopCart组件1
- 65.ShopCart组件2
- 66.显示购物项列表
- 67.解决列表显示的3个bug
- 68.复习
- 69.购物车动画
- 70.购物车列表的滑动
- 71.清空购物车
- 72.ShopRatings组件1
- 73.ShopRatings组件2
- 74.ShopInfo组件1
- 75.ShopInfo组件2
- 76.ShopInfo组件3
- 77.Search组件
- 78.缓存路由组件对象
- 79.路由组件懒加载
- 80.图片懒加载vue-lazyload
- 81.使用moment实现日期过滤器
- 82.打包文件分析与优化