[377] 混合开发-Vue结合Android/iOS 开发仿京东项目App - 课程对比栏

[377] 混合开发-Vue结合Android/iOS 开发仿京东项目App风筝自习室-课程资源-网盘资源风筝自习室
[377] 混合开发-Vue结合Android/iOS 开发仿京东项目App - 课程对比栏
此内容为付费阅读,请付费后查看
500积分
付费阅读

image

网站资源均收集于公开网络,仅供学习和交流。版权归版权人所有,所标价格为资源收集整理费用,如喜欢作品请支持正版。

网盘链接:

1. 课程介绍

  • 1-1 为什么要有这么一门课,看看就知道啦
  • 1-2 目前主流的混合开发方案

2. Hybrid 技术原理

  • 2-1 本章概述
  • 2-2 Hybird 章节补充说明
  • 2-3 Hybrid App 的本质
  • 2-4 讨论题 – Hybrid App 的本质
  • 2-5 Android 与 Web 通讯 – Android 运行流程
  • 2-6 Android Studio 的配置
  • 2-7 Android 与 Web 通讯 – Android 代码内容
  • 2-8 Android 与 Web 通讯 – npm 安装与 http-server
  • 2-9 Android 与 Web 的互相调用
  • 2-10 IOS 与 Web 通讯 – IOS 代码内容
  • 2-11 IOS 与 Web 互相调用
  • 2-12 Android 与 IOS 双向通讯对比

3. 开发前的准备

  • 3-1 本章概述
  • 3-2 Flex 布局
  • 3-3 Flex 容器属性之 flex-direction
  • 3-4 Flex 容器属性之 flex-wrap
  • 3-5 Flex 容器属性之 justify-content
  • 3-6 Flex 容器属性之 align-items
  • 3-7 Flex 项目属性
  • 3-8 webpack 与 vue-cli
  • 3-9 scss 的基本使用
  • 3-10 rem 的兼容性设置
  • 3-11 rem 兼容性设置代码实现
  • 3-12 讨论题 – rem 兼容性设置代码实现
  • 3-13 【学习任务】移动端 rem 的兼容性配置
  • 3-14 初始化样式引入
  • 3-15 错误处理及效果演示

4. 京东商城首页(上)

  • 4-1 本章概述
  • 4-2 组件化开发思想与 toolbar 组件分析
  • 4-3 toolbar 组件开发 – HTML 结构
  • 4-4 toolbar 组件开发 – CSS 样式
  • 4-5 动态组件切换
  • 4-6 讨论题 – 异步组件
  • 4-7 swiper 介绍
  • 4-8 导入 vue-awesome-swiper
  • 4-9 MySwiper 组件实现
  • 4-10 swiper 组件分页器效果
  • 4-11 axios 和 easyMock 介绍
  • 4-12 讨论题 – 关于接口数据替换的问题
  • 4-13 (重要)关于接口数据替换的问题
  • 4-14 使用 axios 完成 swiper 数据对接
  • 4-15 活动组件开发
  • 4-16 axios 同时发送多个请求
  • 4-17 功能选项组件

5. 京东商城首页(下)

  • 5-1 秒杀组件开发
  • 5-2 商品价格过滤
  • 5-3 倒计时组件样式开发
  • 5-4 倒计时组件功能开发
  • 5-5 时间格式处理
  • 5-6 活动组件复用
  • 5-7 什么是瀑布流
  • 5-8 商品列表组件
  • 5-9 生成不同高度的 item
  • 5-10 瀑布流代码实现
  • 5-11 讨论题 – 瀑布流代码实现
  • 5-12 直营、缺货组件开发
  • 5-13 navigationBar 组件设计原则
  • 5-14 navigationBar 默认展示样式
  • 5-15 通过插槽可配置的 navigationBar
  • 5-16 Search 组件开发
  • 5-17 navigationBar 在首页的应用

6. 商品列表页

  • 6-1 本章概述
  • 6-2 商品列表页面分析
  • 6-3 筛选器功能分析与基本样式
  • 6-4 筛选器代码逻辑实现
  • 6-5 筛选器动画实现
  • 6-6 筛选器遮盖层实现
  • 6-7 商品列表多形态展示分析
  • 6-8 商品垂直列表实现
  • 6-9 网格布局实现
  • 6-10 多形态展示整合
  • 6-11 多形态组件在不同应用场景下的调用问题
  • 6-12 商品排序功能分析
  • 6-13 商品组件排序功能
  • 6-14 商品列表排序功能

7. 商品详情与页面状态保存

  • 7-1 本章概述
  • 7-2 跳转到 GoodsDetail
  • 7-3 NavBar 与 MySwiper 的使用
  • 7-4 MySwiper 数字分页器实现
  • 7-5 GoodsDetail 样式初始化
  • 7-6 GoodsDetail 页面基础布局
  • 7-7 NavBar 在 GoodsDetail 中的使用
  • 7-8 视差效果分析
  • 7-9 视差组件开发
  • 7-10 页面跳转过渡动画
  • 7-11 过渡动画实现
  • 7-12 虚拟任务栈
  • 7-13 讨论题 – 虚拟任务栈
  • 7-14 虚拟任务栈代码实现
  • 7-15 【学习任务】虚拟任务栈
  • 7-16 页面跳转的状态保存
  • 7-17 实现页面跳转的滑动状态保存
  • 7-18 首页 Tab 切换的状态保存
  • 7-19 立即购买按钮消失和刷新页面无数据的问题处理

8. 加入购物车模块

  • 8-1 本章概述
  • 8-2 立即购买页面创建(上)
  • 8-3 立即购买页面创建(下)
  • 8-4 购物车页面组件分析
  • 8-5 商品详情跳转到购物车
  • 8-6 通过 vuex 来保存加入购物车中的商品
  • 8-7 购物车布局实现
  • 8-8 购物车商品数量控制器(上)
  • 8-9 购物车商品数量控制器(下)
  • 8-10 控制购物车中的商品展示
  • 8-11 已选商品价格和数量的统计
  • 8-12 讨论题 – 购物车模块

9. 个人中心

  • 9-1 本章概述
  • 9-2 个人中心在项目中的作用
  • 9-3 个人中心页面开发
  • 9-4 登录页面开发
  • 9-5 注册页面开发

10. 与 native 交互

  • 10-1 原生讲解方式
  • 10-2 原生 APP 配置(WEB 端展示)
  • 10-3 原生 APP 配置(自动登录)
  • 10-4 微信支付基本流程
  • 10-5 支付宝支付基本流程
  • 10-6 对沉浸式布局的适配
  • 10-7 IOS 设备适配问题
  • 10-8 与 Native 交互-自动登录(注册功能对接)
  • 10-9 与 Native 交互-自动登录(登录功能对接)
  • 10-10 与 Native 交互-自动登录(自动登录对接)
  • 10-11 与 Native 交互-自动登录(退出登录)
  • 10-12 与 Native 交互-自动登录(效果演示)
  • 10-13 微信与支付宝支付对接
  • 10-14 Android 支付功能演示
  • 10-15 讨论题 – 与 native 交互

11. 项目部署

  • 11-1 本章概述
  • 11-2 服务器、IP、域名之间的关系
  • 11-3 阿里云服务器购买
  • 11-4 服务器的 Nginx 配置
  • 11-5 单页应用 Nginx 配置注意事项
  • 11-6 域名注册与使用
  • 11-7 使用 CDN 对域名进行加速
  • 11-8 使用 CDN 服务的注意事项
  • 11-9 七牛云存储

12. 课程总结

  • 12-1 课程总结
© 版权声明
THE END
加入本站 VIP,免费下载本站所有内容
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容