HTML5前端视频_Vue项目实战《硅谷外卖》—369人已学习
课程介绍    
jpg
    1.基于 Vue 的新版本; 2.项目是关于外卖业务的前后台分离Web App,功能模块包含商家, 商品, 购物车, 用户管理等多个模块; 3.后台应用技术架构为: Node + Express + Mongodb + Mongoose; 4.前台应用技术架构为: vue + vuex + vue-router + webpack + ES6; 5.采用模块化、组件化、工程化的模式开发;
课程收益
    1).使用代理服务器解决跨域; 2).mock数据接口库: mockjs; 3).ES7最新语法: async/await; 4).最流行的ajax请求库: axios; 5).常用的滑动库: better-scroll, swiper; 6).Vue移动端UI组件库: mint-ui; 7).最常用的图片懒加载插件: vue-lazyload; 8).一次性短信验证码和图片验证码技术;
讲师介绍
    张晓飞 更多讲师课程
    尚硅谷讲师,具有多年软件开发和教学经验,先后主持开发蓝讯 ERP、辽宁省公共汽车监控系统、沈阳市道路管理系统。深入理解Struts、WebWork、Hibernate、Spring、iBatis、JBPM、Web Service等主流技术。 对Android应用开发与平台开发有较深入研究,曾带领学员完成多款外包app。
课程大纲
  第1章:VUE项目
    1. 项目功能演示  11:23
    2. 项目开发准备  18:58
    3. 创建项目并运行  12:36
    4. 资源准备  8:55
    5. 项目源码目录设计  5:20
    6. stylus使用  7:28
    7. 组件化编码  13:29
    8. 引入vue-router  8:38
    9. FooterGuide组件  13:11
    10. 各导航路由组件(静态)  16:05
    11. HeaderTop组件  10:33
    12. 使用swiper实现商品分类列表轮播  8:43
    13. ShopList组件(静态)  6:22
    14. Login组件(静态)  16:58
    15. 启动后台应用并测试接口  18:40
    16. 封装ajax请求函数  13:17
    17. 封装接口请求函数  11:20
    18. 使用git对项目进行版本控制  4:52
    19. 复习  22:39
    20. 配置代理实现跨域ajax请求  8:09
    21. 创建vuex的整体结构  8:15
    22. 使用vuex管理首页数据  21:10
    23. 异步显示当前地地址  8:24
    24. 异步显示食品分类轮播列表  25:34
    25. 使用watch和$nextTick解决轮播的bug  11:04
    26. 异步显示商家列表  11:16
    27. 使用svg显示加载中提示界面  7:25
    28. Star组件  22:44
    29. 注册登陆功能演示说明  9:02
    30. 登陆界面效果1_切换登陆方式  7:09
    31. 登陆界面效果2_手机号检查  8:01
    32. 登陆界面效果3_倒计时效果  13:00
    33. 登陆界面效果4_切换密码的显示和隐藏  12:35
    34. 登陆界面效果5_前台表达验证  21:31
    35. 复习  22:28
    36. 动态一次性图形验证码  9:19
    37. 定义接口请求函数  8:45
    38. 登陆_发送短信验证码  18:41
    39. 登陆_完成登陆请求  14:46
    40. 登陆_保存用户信息到vuex  6:11
    41. 登陆后更新个人中心界面  7:00
    42. 登陆更新跳转路由  6:20
    43. 自动登陆  9:28
    44. 退出登陆  15:15
    45. 搭建商家整体界面  18:00
    46. json的理解  10:14
    47. 设计json数据  17:27
    48. 使用mockjs模拟接口数据  19:57
    49. ajax请求mockjs模拟的接口  10:25
    50. ShopHeader组件  38:15
    51. 复习  33:42
    52. 异步显示goods数据  23:15
    53. 滑动效果分析  13:34
    54. 使用better-scroll实现回弹滑动  19:19
    55. 收集scrollY  15:18
    56. 收集tops  8:49
    57. 滑动右侧列表更新当前分类  12:16
    58. 解决惯性滑动不更新当前分类的bug  4:45
    59. 点击分类项滑动右侧列表  13:39
    60. CartControl组件1  10:07
    61. CartControl组件2  23:21
    62. Food组件1  15:11
    63. Food组件2  6:59
    64. ShopCart组件1  18:51
    65. ShopCart组件2  16:41
    66. 显示购物项列表  5:53
    67. 解决列表显示的3个bug  8:12
    68. 复习  25:21
    69. 购物车动画  8:47
    70. 购物车列表的滑动  13:43
    71. 清空购物车  10:53
    72. ShopRatings组件1  18:34
    73. ShopRatings组件2  32:14
    74. ShopInfo组件1  11:16
    75. ShopInfo组件2  12:33
    76. ShopInfo组件3  9:33
    77. Search组件  28:03
    78. 缓存路由组件对象  3:37
    79. 路由组件懒加载  13:50
    80. 图片懒加载vue-lazyload  8:28
    81. 使用moment实现日期过滤器  5:09
    82. 打包文件分析与优化  9:16
大家可以点击【 查看详情】查看我的课程
Logo

前往低代码交流专区

更多推荐