学途无忧

标题: Vue.js 2.5 + cube-ui 重构饿了么 App [打印本页]

---

作者: admin    时间: 2018-9-7 21:54
标题: Vue.js 2.5 + cube-ui 重构饿了么 App


课程目录：
第1章 课程导学（二期）-15号开放
包括课程概述、核心模块、核心技术、课程安排、课程收获、讲授方式、学习前提等方面的介绍，最后演示了整个外卖App的功能，让同学们对课程项目有一个直观的了解。
1-1 导学（必看）

第2章 项目准备工作（二期）-15号开放
包括项目需求分析、Vue-cli 3.0 脚手架介绍、cube-ui 介绍、目录模块分析、api 接口 mock 等。
2-1 Vue-cli 3.0 介绍
2-2 目录介绍 & cube-ui 安装
2-3 api 接口 mock

第3章 头部组件开发（二期）
包括 Header组件编写，axios 封装和数据交互、star 组件抽象封装和 HeaderDetail 组件的编写和交互。
3-1 目录结构 & header 组件
3-2 axios 封装 & 数据获取
3-3 header-detail & star 组件
3-4 header-detail 交互

第4章 Tab 组件开发（二期）
包括 Tab 组件的基础实现、上下联动实现、组件更高维度的抽象和封装。
4-1 tab 组件基础实现
4-2 tab 组件上下联动
4-3 tab 组件抽象和封装

第5章 商品页面开发（二期）
包括 ScrollNav 组件的应用、ShopCart 组件的开发、CartControl 组件开发、小球飞入动画实现、侧边栏内容定制化、购物车列表组件实现和完善、sticky 组件实现、弹层类组件优化。
5-1 scroll-nav 组件应用
5-2 shop-cart 组件
5-3 cart-control 组件
5-4 小球飞入动画实现
5-5 侧边栏内容定制化
5-6 购物车列表组件
5-7 购物车 sticky 组件
5-8 购物车列表功能完善
5-9 弹层类组件优化

第6章 商品详情页开发（二期）
包括详情页骨架开发、详情页购物能力开发、详情页评价列表开发、评价选择组件开发。
6-1 商品详情页骨架开发
6-2 商品详情页购物开发
6-3 商品详情页评价列表开发
6-4 商品详情页评价选择组件开发

第7章 评价和商家页面开发（二期）
包括评价页面骨架开发、评价选择组件 Mixin 抽取、商家页面静态页面开发、商家页面本地缓存封装和实现。
7-1 评价页面骨架开发和数据获取
7-2 评价页面评价选择组件 mixin 抽取
7-3 商家页面静态页面开发
7-4 商家页面本地缓存封装实现

第8章 create-api 原理分析（二期）
包括create-api 原理介绍和源码分析。
8-1 create-api 原理介绍
8-2 create-api 源码分析（1）
8-3 create-api 源码分析（2）
8-4 create-api 源码分析（3）
8-5 create-api 源码分析（4）

第9章 打包构建和项目部署（二期）
包括打包构建和性能优化、搭建小型 node 服务代理接口、部署到云服务器和 nginx 多项目部署方案。
9-1 打包构建&性能优化
9-2 搭建小型 node 服务代理接口
9-3 部署到云服务器
9-4 nginx 配置多项目部署方案

第10章 课程总结（二期）
总结课程的学习方法和以及学习收获，制定进阶的学习目标。
10-1 课程总结

第11章 课程简介（一期）
介绍课程的学习目标和学习内容。
11-1 课程简介
11-2 课程安排

第12章 Vuejs介绍（一期）
从前端开发趋势分析开始，引入 MVVM 开发框架和 Vue.js，接着对比流行框架Angular 和 React，最后详细介绍 Vue.js 的核心思想-数据驱动和组件化。
12-1 Vuejs介绍-近年来前端开发趋势
12-2 Vuejs介绍-MVVM框架
12-3 Vuejs介绍-什么是Vuejs及Vuejs生态
12-4 Vuejs介绍-对比Angular、React
12-5 Vuejs介绍-Vuejs核心思想

第13章 Vue-cli 开启 Vuejs 项目（一期）
介绍 Vue 项目的脚手架，如何安装，对脚手架生成的目录文件做介绍，介绍 Vue 组件的编写方法，最后运行 demo 项目并介绍 webpack 构建脚本来说明 demo 的运行原理。
13-1 Vue-cli介绍
13-2 Vue-cli安装
13-3 项目运行
13-4 项目文件介绍
13-5 webpack打包（上）
13-6 webpack打包（中）
13-7 webpack打包（下）

第14章 项目实战-准备工作（一期）
分析外卖 APP 商家页面的需求，准备图片资源，利用 icon-moon 把 svg 制作成图标字体，对代码的目录结构设计，最后 mock 测试数据。
14-1 需求分析
14-2 项目资源准备
14-3 图标字体制作
14-4 项目目录设计
14-5 mock数据（模拟后台数据）

第15章 项目实战-页面骨架开发（一期）
设计页面的骨架，拆分组件，商品、评论和商家详情页利用 Vue-router 做切换，最后还介绍了 flex 弹性布局以及移动端 1 像素 border 实现的小技巧。
15-1 组件拆分（上）
15-2 组件拆分（中）
15-3 组件拆分（下）
15-4 Vue-router(上)
15-5 Vue-router(下)
15-6 1像素border实现

第16章 项目实战-header组件开发（一期）
编写 header 头部组件，应用 Vue-resource 从服务端读取数据，介绍如何在 Vue.js 中使用过渡动画，如何编写 css sticky footer 布局，如何从需求中抽象出 star 星星组件。
16-1 Vue-resource应用（上）
16-2 Vue-resource应用（下）
16-3 外部组件（1）
16-4 外部组件（2）
16-5 外部组件（3）
16-6 外部组件（4）
16-7 外部组件（5）
16-8 外部组件（6）
16-9 详情弹层页（1）- 实现弹出层
16-10 详情弹层页（2）- CSS Sticky footer
16-11 详情弹层页（3）- star组件抽象（上）
16-12 详情弹层页（3）- star组件抽象（下）
16-13 详情弹层页（4）- star组件使用
16-14 详情弹层页（5）- 小标题自适应经典flex布局实现
16-15 详情弹层页（6）- header剩余组件实现（上）
16-16 详情弹层页（6）- header剩余组件实现（下）

第17章 项目实战-goods 商品列表页开发（一期）
编写 goods 商品组件，包括它的子组件 shopcart 购物车。介绍了如何在 Vue.js 应用第三方 JS 插件 better-scroll实现列表滚动，并配合 Vue.js 的计算属性来实现左右列表的联动。应用了自定义 Vue.js 过渡动画实现了购物车的飞入动画效果，介绍了在 Vue.js中父子组件如何通讯。...
17-1 布局编写
17-2 左侧menu布局
17-3 右侧食品列表布局（1）
17-4 右侧食品列表布局（2）
17-5 右侧食品列表布局（3）
17-6 better-scroll运用（1）
17-7 better-scroll运用（2）
17-8 better-scroll运用（3）
17-9 shopcart购物车组件（1）
17-10 shopcart购物车组件（2）
17-11 shopcart购物车组件（3）
17-12 shopcart购物车组件（4）
17-13 shopcart购物车组件（5）
17-14 shopcart购物车组件（6）
17-15 cartcontrol组件（1）
17-16 cartcontrol组件（2）
17-17 cartcontrol组件（3）
17-18 购物车小球动画实现（1）
17-19 购物车小球动画实现（2）
17-20 购物车小球动画实现（3）
17-21 购物车详情页实现（1）
17-22 购物车详情页实现（2）
17-23 购物车详情页实现（3）
17-24 购物车详情页实现（4）

第18章 项目实战-food 商品详情页实现（一期）
编写 food 商品详情页组件，介绍了图片占位的技巧，并从需求中抽象出的 split 分隔组件和 ratingselect 评论组件，实现自定义过滤器 datefilter。
18-1 商品详情页实现（1）
18-2 商品详情页实现（2）
18-3 商品详情页实现（3）
18-4 商品详情页实现（4）
18-5 商品详情页实现（5）
18-6 split组件实现
18-7 ratingselect组件（1）
18-8 ratingselect组件（2）
18-9 ratingselect组件（3）
18-10 ratingselect组件（4）
18-11 ratingselect组件（5）
18-12 评价列表（1）
18-13 评价列表（2）
18-14 评价列表（3）
18-15 评价列表（4）
18-16 评价列表（5）
18-17 评价列表（6）

第19章 项目实战-ratings评价列表页实现（一期）
编写 ratings 评价列表页，感受在 Vue.js 中复用组件的好处，实现快速开发。
19-1 ratings组件开发-overview开发（1）
19-2 ratings组件开发-overview开发（2）
19-3 ratings组件开发-overview开发（3）
19-4 ratings组件开发-评价列表（1）
19-5 ratings组件开发-评价列表（2）
19-6 ratings组件开发-评价列表（3）

第20章 项目实战-seller 商家详情页实现（一期）
编写 seller 商家详情页，实现一套通用移动端数据存取方案，以及对项目做一些体验上的优化。
20-1 seller组件开发-overview开发（1）
20-2 seller组件开发-overview开发（2）
20-3 seller组件开发-公告与活动开发（1）
20-4 seller组件开发-公告与活动开发（2）
20-5 seller组件开发-BScroll应用
20-6 seller组件开发-商家实景图
20-7 seller组件开发-商家信息
20-8 seller组件开发-收藏商家（1）
20-9 seller组件开发-收藏商家（2）
20-10 seller组件开发-收藏商家
20-11 seller组件开发-体验优化

第21章 项目实战-项目编译打包（一期）
上线前的最后一步，编译打包Vue.js 项目。介绍了 webpack 编译时的配置，如何利用node.js 开启一个server本地调试。
21-1 webpack配置介绍
21-2 nodejs调试

第22章 课程总结（一期）
对课程做总结，并列出了课程所提到的主要知识点的链接，作为课程的延伸学习。
22-1 课程总结

第23章 项目从 vue.js1.0 向 2.0 升级（一期）
本章节把项目从1.0向2.0升级向大家做了简要的介绍。
23-1 1.0升级2.0 配置文件修改
23-2 1.0升级2.0 源码修改（上）
23-3 1.0升级2.0 源码修改（下）

---

作者: baggio_czm    时间: 2019-3-31 22:09
啥也不说了，感谢楼主分享哇！

---

作者: eizo2200    时间: 2019-4-1 00:04
谢谢分享啊

---

作者: xiao123    时间: 2019-4-24 00:47
啥也不说了，感谢楼主分享哇！

---

作者: justlk    时间: 2019-4-24 01:03
534543545dsdsddddddddddddddddddddddddddddddddddddddddddd

---

作者: xpy2019    时间: 2019-4-28 23:05
666666666666666666666666

---

作者: gjianbo    时间: 2019-4-30 08:09
么有分，谁能送我点积分啊::>_<::

---

作者: 123456    时间: 2019-5-8 16:53
正需要，支持楼主大人了！

---

作者: suisuinian    时间: 2019-5-14 23:53
正需要，支持楼主大人了！

---

作者: peach0424    时间: 2019-6-15 00:58
啥也不说了，感谢楼主分享哇！

---

作者: trigger    时间: 2019-6-17 12:10
啥也不说了，感谢楼主分享哇！

---

作者: liunian    时间: 2019-6-29 20:12
啥也不说了，感谢楼主分享哇！

---

作者: tew1210    时间: 2019-7-3 12:00
啥也不说了，感谢楼主分享哇！

---

作者: 高晓伏龙    时间: 2019-7-5 10:37
么有分，谁能送我点积分啊::>_<::

---

作者: 芳的独家记忆    时间: 2019-7-13 12:07
正需要，支持楼主大人了！

---

作者: xudali    时间: 2019-7-15 17:47
啥也不说了，感谢楼主分享哇！

---

作者: p625123    时间: 2019-7-19 10:43
啥也不说了，感谢楼主分享哇！

---

作者: 心脏    时间: 2019-7-20 17:29
啥也不说了，感谢楼主分享哇！

---

作者: 291309079    时间: 2019-7-23 12:05
确实是难得好帖啊，顶先

---

作者: 飘零的程序员    时间: 2019-7-24 10:18
啥也不说了，感谢楼主分享哇！

---

作者: alpha_puro    时间: 2019-7-31 17:29
正需要，支持楼主大人了！

---

作者: 1406404170    时间: 2019-7-31 22:05
啥也不说了，感谢楼主分享哇！

---

作者: xunjf595627432    时间: 2019-8-1 13:19
么有分，谁能送我点积分啊::>_<::

---

作者: xxbc    时间: 2019-8-4 15:59
啥也不说了，感谢楼主分享哇！

---

作者: king1994    时间: 2019-8-6 10:21
啥也不说了，感谢楼主分享哇！

---

作者: saikeilee    时间: 2019-8-8 16:16
啥也不说了，感谢楼主分享哇！

---

作者: q20010012001001    时间: 2019-8-9 09:07
啥也不说了，感谢楼主分享哇！

---

作者: flutter    时间: 2019-8-9 09:31
啥也不说了，感谢楼主分享哇！

---

作者: shawnxiao    时间: 2019-8-10 23:14
啥也不说了，感谢楼主分享哇！

---

作者: sunyao1000    时间: 2019-8-13 00:00
回的人少，我来小顶一下

---

作者: wdl9973    时间: 2019-8-13 09:11
感谢分享

---

作者: gongzhudewangzi    时间: 2019-8-13 09:14
么有分，谁能送我点积分啊::>_<::

---

作者: xienjie    时间: 2019-8-13 09:56
啥也不说了，感谢楼主分享哇！

---

作者: childelins    时间: 2019-8-14 11:19
啥也不说了，感谢楼主分享哇！

---

作者: meslam    时间: 2019-8-14 11:59
啥也不说了，感谢楼主分享哇！

---

作者: hale    时间: 2019-8-19 12:15
啥也不说了，感谢楼主分享哇！

---

作者: xxsuuz    时间: 2019-8-19 22:07
啥也不说了，感谢楼主分享哇！

---

作者: 酷雨吹    时间: 2019-8-20 16:51
正需要，支持楼主大人了！

---

作者: smiletwoc    时间: 2019-8-22 16:17
啥也不说了，感谢楼主分享哇！

---

作者: 13866368297    时间: 2019-8-29 16:35
啥也不说了，感谢楼主分享哇！

---

作者: zczl10    时间: 2019-10-13 21:00
多谢楼主分享

---

作者: bro3886    时间: 2019-10-16 00:30
正需要，支持楼主大人了！

---

作者: XueTu123@xxg    时间: 2019-10-31 22:31
啥也不说了，感谢楼主分享哇！

---

作者: xuezhen0710    时间: 2019-11-1 09:54
啥也不说了，感谢楼主分享哇！

---

作者: 610826321    时间: 2019-11-6 09:41
RE: Vue.js 2.5 + cube-ui 重构饿了么 App [修改]

---

作者: itop    时间: 2019-11-6 21:01
确实是难得好帖啊，顶先

---

作者: 学徒无忧456    时间: 2019-11-13 22:12
啥也不说了，感谢楼主分享哇！

---

作者: hunaisong    时间: 2019-11-24 16:27
啥也不说了，感谢楼主分享哇！

---

作者: wanghuayuan222    时间: 2019-11-26 11:08
啥也不说了，感谢楼主分享哇！

---

作者: Aress    时间: 2019-11-26 16:17
正需要，支持楼主大人了！

---

作者: monkeyboard    时间: 2019-12-8 11:38
正需要，支持楼主大人了！

---

作者: lamp    时间: 2019-12-15 20:38
么有分，谁能送我点积分啊::>_<::

---

作者: avalon    时间: 2019-12-17 14:20
感谢楼主

---

作者: littleegg921    时间: 2019-12-17 22:40
啥也不说了，感谢楼主分享哇！

---

作者: pusamm    时间: 2019-12-19 08:31
啥也不说了，感谢楼主分享哇！

---

作者: bjbs65370392    时间: 2019-12-22 15:03
感谢感谢！

---

作者: nmsll    时间: 2020-1-9 23:52
确实是难得好帖啊，顶先

---

作者: hm1sty    时间: 2020-2-8 16:57
Vue.js 2.5 + cube-ui 重构饿了么 App

---

作者: wuxie    时间: 2020-2-11 22:39
啥也不说了，感谢楼主分享哇！

---

作者: 混乱牧师    时间: 2020-2-20 11:53
啥也不说了，感谢楼主分享哇！

---

作者: alger    时间: 2020-2-21 14:51
sdsdsadasdasdsa

---

作者: chen250812    时间: 2020-2-22 02:33
感谢楼主

---

作者: 大胡子    时间: 2020-3-2 23:17
确实是难得好帖啊，顶先

---

作者: appin    时间: 2020-3-7 18:29
1.0升级2.0 源码修改（下）

---

作者: 小白爱前端    时间: 2020-3-9 17:49
啥也不说了，感谢楼主分享哇！

---

作者: yongbuyanqi    时间: 2020-3-17 08:50
啥也不说了，感谢楼主分享哇！

---

作者: 思无邪    时间: 2020-3-18 13:58
啥也不说了，感谢楼主分享哇！

---

作者: raferxu    时间: 2020-3-28 14:00
Vue.js 2.5 + cube-ui 重构饿了么 App

---

作者: capricorn123    时间: 2020-4-6 19:37
啥也不说了，感谢楼主分享哇！

---

作者: yoctoy    时间: 2020-4-7 11:53
1111111111111111

---

作者: MrCvcNkf    时间: 2020-4-10 11:29
2222222222222222222222222222222222222222222222222222222222222222222222222

---

作者: Aylor    时间: 2020-4-15 15:10
啥也不说了，感谢楼主分享哇！

---

作者: ep35218    时间: 2020-4-21 10:32
学习学习，感谢

---

作者: xiao125    时间: 2020-4-21 13:09
啥也不说了，感谢楼主分享哇！

---

作者: ren0394    时间: 2020-4-21 14:26
啥也不说了，感谢楼主分享哇！

---

作者: ren0394    时间: 2020-4-21 14:26
啥也不说了，感谢楼主分享哇！

---

作者: haohaoxuexia    时间: 2020-4-26 23:12
1111111111111111111111

---

作者: buzztty    时间: 2020-4-27 00:40
么有分，谁能送我点积分啊::>_<::

---

作者: michaelhee    时间: 2020-4-28 19:17
啥也不说了，感谢楼主分享哇！

---

作者: dean2837    时间: 2020-5-26 15:36
正需要，支持楼主大人了！

---

作者: johnwan22    时间: 2020-5-28 20:22
正需要，支持楼主大人了！

---

作者: 佛佛佛佛佛    时间: 2020-5-29 16:01
1111111111111111

---

作者: boboyu    时间: 2020-5-31 13:41
66666666666666

---

作者: 2460506504    时间: 2020-6-10 23:28
啥也不说了，感谢楼主分享哇！

---

作者: Teresa    时间: 2020-6-11 14:21
66666666666666666666666666啥也不说了，感谢楼主分享哇！

---

作者: JustinGibra    时间: 2020-8-21 07:11
标题: Зарабатывай до 47000 рублей в месяц

123456 ??? 2019-5-8 16:53
???,???????!

Зарабатывай до 47000 рублей в месяц http://clickfrm.com/zbqQ
Помощь в оформлении мед. книжки
https://clck.ru/QH2Rb

---

作者: wilsonlu    时间: 2020-9-10 21:27
啥也不说了，感谢楼主分享哇！

---

作者: wilsonlu    时间: 2020-9-10 21:31
啥也不说了，感谢楼主分享哇！

---

作者: xyzeng12    时间: 2020-9-21 21:54
啥也不说了，感谢楼主分享哇！

---

作者: xigengyun    时间: 2020-11-16 13:42
啥也不说了，感谢楼主分享哇！

---

作者: CharlieLee    时间: 2021-4-16 22:52
啥也不说了，感谢楼主分享哇！

---

作者: wwwcnradio    时间: 2021-4-17 15:29
好了地方的的

---

作者: Mossercyp    时间: 3 天前
标题: fast indexing for wordpress

johnwan22 ??? 2020-5-28 20:22
???,???????!

When piquant in information assessment, it’s significant to stay on vigilant close to potential pitfalls. Park obstacles let in incomplete information, slanted interpretations, and misinterpretations of the information. Addressing these issues head-on put up conduce to to a greater extent rich conclusions. Moreover, implementing standardised prosody throne preclude discrepancies in evaluation, promoting consistence crosswise different analyses.
Incorporating feedback loops into the methodical framework force out likewise give nifty benefits. Regularly piquant with stakeholders provides opportunities to down approaches to valuation. This synergistic facet facilitates adaptability, allowing methodologies to evolve based on pragmatic experiences and newly findings. Eventually, embracement a finish of uninterrupted encyclopedism will authorise analysts to heighten their judgement capabilities. <a href=https://t.me/backlink_master>backlinks indexing tools</a>  

=ddad=

---

欢迎光临 学途无忧 (http://xuetu123.com/)

Powered by Discuz! X3.2