本视频是尚硅谷 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-router09.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解决轮播的bug26.异步显示商家列表27.使用svg显示加载中提示界面28.Star组件29.注册登陆功能演示说明30.登陆界面效果1_切换登陆方式31.登陆界面效果2_手机号检查32.登陆界面效果3_倒计时效果33.登陆界面效果4_切换密码的显示和隐藏34.登陆界面效果5_前台表达验证35.复习36.动态一次性图形验证码37.定义接口请求函数38.登陆_发送短信验证码39.登陆_完成登陆请求40.登陆_保存用户信息到vuex41.登陆后更新个人中心界面42.登陆更新跳转路由43.自动登陆44.退出登陆45.搭建商家整体界面46.json的理解47.设计json数据48.使用mockjs模拟接口数据49.ajax请求mockjs模拟的接口50.ShopHeader组件51.复习52.异步显示goods数据53.滑动效果分析54.使用better-scroll实现回弹滑动55.收集scrollY56.收集tops57.滑动右侧列表更新当前分类58.解决惯性滑动不更新当前分类的bug59.点击分类项滑动右侧列表60.CartControl组件161.CartControl组件262.Food组件163.Food组件264.ShopCart组件165.ShopCart组件266.显示购物项列表67.解决列表显示的3个bug68.复习69.购物车动画70.购物车列表的滑动71.清空购物车72.ShopRatings组件173.ShopRatings组件274.ShopInfo组件175.ShopInfo组件276.ShopInfo组件377.Search组件78.缓存路由组件对象79.路由组件懒加载80.图片懒加载vue-lazyload81.使用moment实现日期过滤器82.打包文件分析与优化