HTML5前端视频_Vue项目实战《硅谷外卖》-张晓飞-专题视频课程
HTML5前端视频_Vue项目实战《硅谷外卖》—369人已学习
课程介绍
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
大家可以点击【 查看详情】查看我的课程
HTML5前端视频_Vue项目实战《硅谷外卖》-张晓飞-专题视频课程相关推荐
- HTML5前端视频_Vue核心技术视频-张晓飞-专题视频课程
HTML5前端视频_Vue核心技术视频-420人已学习 课程介绍 本视频是 Vue 技术栈的项目实战视频. 1.基于 Vue 的新版本: 2.项目是关于外卖业务的前后台分离Web Ap ...
- 前端HTML5视频_谷粒音乐实战-张晓飞-专题视频课程
前端HTML5视频_谷粒音乐实战-385人已学习 课程介绍 谷粒音乐是使用WEB技术(HTML.JavaScript.CSS)直接构建的移动端APP.本套视频深入移动端开发的核心部分. ...
- HTML5实战-张晓飞-专题视频课程
HTML5实战-179人已学习 课程介绍 本套视频是HTML5的实战视频,我们将综合HTML5的各个方面来构建一个fullpage(全屏滚动)的应用.课程将会从实战的角度深入全面的分析 ...
- HTML5前端视频_React视频-张晓飞-专题视频课程
HTML5前端视频_React视频-243人已学习 课程介绍 React 是当前火的 JS 库! 本套视频基于新版本 React 录制,涵盖 React 开发的所有技术:JSX, 虚拟DOM,DOM ...
- 前端HTML5视频_HTML5核心-张晓飞-专题视频课程
前端HTML5视频_HTML5核心-275人已学习 课程介绍 HTML5是定义 HTML 标准的新的版本. 广义上我们应该认为HTML5是一套技术集合,允许更多样化和强大的网站和应用程 ...
- 前端H5—jQuery精通-张晓飞-专题视频课程
前端H5-jQuery精通-1388人已学习 课程介绍 jQuery是优秀, 使用广的JS函数库, 它能帮我们程序员简化DOM查询及DOM操作, 轻松实现动画效果.在世界前10000个 ...
- Zepto课程-张晓飞-专题视频课程
Zepto课程-157人已学习 课程介绍 作为一个极轻量级,又和jQuery类似的前端框架,Zepto 是大多数工程师移动端开发的首选,本视频从和jQuery相同的语法开始讲授,直到Z ...
- NodeJs核心技术-张晓飞-专题视频课程
NodeJs核心技术-200人已学习 课程介绍 内容涵盖 Node.js 简介.下载.安装.模块化.CommonJS.NPM.以及 Buffer.fs等模块的基本使用. 本视频适合有一 ...
- webpack——JS模块化说明视频-张晓飞-专题视频课程
webpack--JS模块化说明视频-155人已学习 课程介绍 使用构建工具去对 JS.CSS.HTML.LESS.IMG 等进行合并压缩构建到后实现自动化构建项目.是前端工程师的技能 ...
最新文章
- 算法----------快乐数 (Java版本)
- nonatomic,assign,copy,retain的区别
- Google工程师带你学算法
- GDOI2017 旅游记
- 永恒之塔修改服务器,[搬运工]永恒之塔单机版7.8 德国最新服务端
- assertionerror python_Python成为专业人士笔记–内置模块Modules和函数Functions
- C++刷称号——2707: 素数与要素
- 银行各类理财收益渐涨 各类宝钱景尚不明朗
- 关于比较两个字节数组是否内容相同
- 創世記(一): 一至三章
- 测试老司机一起聊聊性能测试是怎么一回事?
- iOS数据持久化 -- Core Data
- 降低人工智能成本50% 阿里云推出新一代异构实例GN5i
- use IE7 agent on safari 13
- python游戏程序中游戏对象是什么_Python游戏编程入门
- 【骚操作系列】浅谈如何将模糊的PDF清晰化
- 用java编写猜数字游戏
- HttpServletRequest对象,请求行、请求头、请求体
- 阿尔法编程python答案_C语言程序设计-阿尔法编程(编程答案)
- 一文总结 Shiro 实战教程
热门文章
- 学术论文写作与发表经验分享
- 一个整数称为完全平方数,是指它的值是另一个整数的平方。如81是个完全平方数,因为它是9的平方。请按要求完成:①在三位的正整数中寻找所有完全平方数;例如:144(12*12),676(26*26)
- Xshell 常见使用
- wd10ears-00mvwb0交换磁头和固件修复步骤
- Linux ubuntu gtest googletest download compile apply TEST TEST_F TEST_P
- Java基础 switch用法
- switch c语言格式,switch语句格式是什么?
- 一种能人类大脑信息解读成声音信息的人工智能
- 用指针实现将字符串2合并在字符串1后面
- 从零学习 InfiniBand-network架构(二) —— 属性与管理器