无需原生开发基础,也能完美呈现京东商城。本课程融合vue、Android、IOS等目前流行的前端和移动端技术,混合开发经典电商APP——京东。课程将各种复杂功能与知识点完美融合,从技术原理到开发上线,让你真实感受到一个明星产品开发的全过程。功能实现之外,还有一流用户体验和优秀交互设计等你一探究竟,拓宽开发眼界。

1-1为什么要有这么一门课,看看就知道啦(19:06)

1-2目前主流的混合开发方案(04:26)

2-1本章概述

2-2Hybird章节补充说明(00:43)

2-3HybridApp的本质(05:37)

2-4讨论题-HybridApp的本质

2-5Android与Web通讯-Android运行流程(03:11)

2-6AndroidStudio的配置(11:42)

2-7Android与Web通讯-Android代码内容(11:47)

2-8Android与Web通讯-npm安装与http-server(08:49)

2-9Android与Web的互相调用(10:20)

2-10IOS与Web通讯-IOS代码内容(05:46)

2-11IOS与Web互相调用(09:37)

2-12Android与IOS双向通讯对比(05:23)

3-1本章概述

3-2Flex布局(07:28)

3-3Flex容器属性之flex-direction(05:15)

3-4Flex容器属性之flex-wrap(06:00)

3-5Flex容器属性之justify-content(06:40)

3-6Flex容器属性之align-items(11:29)

3-7Flex项目属性(06:11)

3-8webpack与vue-cli(11:54)

3-9scss的基本使用(07:34)

3-10rem的兼容性设置(07:04)

3-11rem兼容性设置代码实现(06:17)

3-12讨论题-rem兼容性设置代码实现

3-13【学习任务】移动端rem的兼容性配置

3-14初始化样式引入(14:31)

3-15错误处理及效果演示(05:28)

4-1本章概述

4-2组件化开发思想与toolbar组件分析(08:27)

4-3toolbar组件开发-HTML结构(11:34)

4-4toolbar组件开发-CSS样式(14:09)

4-5动态组件切换(12:01)

4-6讨论题-异步组件

4-7swiper介绍(07:34)

4-8导入vue-awesome-swiper(06:09)

4-9MySwiper组件实现(12:58)

4-10swiper组件分页器效果(06:50)

4-11axios和easyMock介绍(06:46)

4-12讨论题-关于接口数据替换的问题

4-13(重要)关于接口数据替换的问题(09:41)

4-14使用axios完成swiper数据对接(15:55)

4-15活动组件开发(10:20)

4-16axios同时发送多个请求(04:16)

4-17功能选项组件(08:08)

5-1秒杀组件开发(15:12)

5-2商品价格过滤(09:16)

5-3倒计时组件样式开发(06:16)

5-4倒计时组件功能开发(23:20)

5-5时间格式处理(04:55)

5-6活动组件复用(02:27)

5-7什么是瀑布流(11:01)

5-8商品列表组件(16:09)

5-9生成不同高度的item(08:07)

5-10瀑布流代码实现(19:41)

5-11讨论题-瀑布流代码实现

5-12直营、缺货组件开发(08:20)

5-13navigationBar组件设计原则(07:34)

5-14navigationBar默认展示样式(10:54)

5-15通过插槽可配置的navigationBar(04:11)

5-16Search组件开发(11:34)

5-17navigationBar在首页的应用(21:09)

6-1本章概述

6-2商品列表页面分析(18:20)

6-3筛选器功能分析与基本样式(16:29)

6-4筛选器代码逻辑实现(20:12)

6-5筛选器动画实现(11:40)

6-6筛选器遮盖层实现(05:02)

6-7商品列表多形态展示分析(05:35)

6-8商品垂直列表实现(07:00)

6-9网格布局实现(01:47)

6-10多形态展示整合(15:46)

6-11多形态组件在不同应用场景下的调用问题(08:06)

6-12商品排序功能分析(04:55)

6-13商品组件排序功能(16:06)

6-14商品列表排序功能(03:58)

7-1本章概述

7-2跳转到GoodsDetail(04:04)

7-3NavBar与MySwiper的使用(06:40)

7-4MySwiper数字分页器实现(10:15)

7-5GoodsDetail样式初始化(02:26)

7-6GoodsDetail页面基础布局(19:31)

7-7NavBar在GoodsDetail中的使用(15:59)

7-8视差效果分析(03:25)

7-9视差组件开发(16:57)

7-10页面跳转过渡动画(10:24)

7-11过渡动画实现(15:26)

7-12虚拟任务栈(06:01)

7-13讨论题-虚拟任务栈

7-14虚拟任务栈代码实现(10:21)

7-15【学习任务】虚拟任务栈

7-16页面跳转的状态保存(03:47)

7-17实现页面跳转的滑动状态保存(10:04)

7-18首页Tab切换的状态保存(04:03)

7-19立即购买按钮消失和刷新页面无数据的问题处理(12:22)

8-1本章概述

8-2立即购买页面创建(上)(16:38)

8-3立即购买页面创建(下)(11:43)

8-4购物车页面组件分析(09:04)

8-5商品详情跳转到购物车(17:23)

8-6通过vuex来保存加入购物车中的商品(14:24)

8-7购物车布局实现(24:16)

8-8购物车商品数量控制器(上)(06:26)

8-9购物车商品数量控制器(下)(13:39)

8-10控制购物车中的商品展示(06:08)

8-11已选商品价格和数量的统计(12:16)

8-12讨论题-购物车模块

9-1本章概述

9-2个人中心在项目中的作用(02:46)

9-3个人中心页面开发(08:56)

9-4登录页面开发(14:17)

9-5注册页面开发(08:12)

10-1原生讲解方式(02:29)

10-2原生APP配置(WEB端展示)(03:04)

10-3原生APP配置(自动登录)(04:16)

10-4微信支付基本流程(11:17)

10-5支付宝支付基本流程(08:16)

10-6对沉浸式布局的适配(06:52)

10-7IOS设备适配问题(24:25)

10-8与Native交互-自动登录(注册功能对接)(16:21)

10-9与Native交互-自动登录(登录功能对接)(09:43)

10-10与Native交互-自动登录(自动登录对接)(06:24)

10-11与Native交互-自动登录(退出登录)(10:23)

10-12与Native交互-自动登录(效果演示)(05:18)

10-13微信与支付宝支付对接(08:32)

10-14Android支付功能演示(02:17)

10-15讨论题-与native交互

11-1本章概述

11-2服务器、IP、域名之间的关系(02:44)

11-3阿里云服务器购买(08:07)

11-4服务器的Nginx配置(18:20)

11-5单页应用Nginx配置注意事项(04:30)

11-6域名注册与使用(09:53)

11-7使用CDN对域名进行加速(09:21)

11-8使用CDN服务的注意事项(04:28)

11-9七牛云存储(03:05)

12-1课程总结(02:10)

独家号:慕课网

慕课网(IMOOC)是IT技能学习平台。慕课网(IMOOC)课程涉及JAVA、前端、Python、大数据等60类主流技术语言,覆盖了面试就业、职业成长、自我提升等需求场景,帮助用户实现从技能提升到岗位提升的能力闭环。

学习方式:在线播放或缓存下载