Vue.js2.5+cube-ui重构饿了么App（经典再升级）
¥198.00
注意：课程新用户，建议从“一期”开始学习，然后在学习“二期”，学习效果更好。课程学习过程遇到问题，在问答区提问，会帮助解答。 包括课程概述、核心模块、核心技术、课程安排、课程收获、讲授方式、学习前提等方面的介绍，最后演示了整个外卖App的功能，让同学们对课程项目有一个直观的了解。...
包括项目需求分析、Vue-cli 3.0 脚手架介绍、cube-ui 介绍、目录模块分析、api 接口 mock 等。
包括 Header组件编写，axios 封装和数据交互、star 组件抽象封装和 HeaderDetail 组件的编写和交互。
包括 Tab 组件的基础实现、上下联动实现、组件更高维度的抽象和封装。
包括 ScrollNav 组件的应用、ShopCart 组件的开发、CartControl 组件开发、小球飞入动画实现、侧边栏内容定制化、购物车列表组件实现和完善、sticky 组件实现、弹层类组件优化。
包括详情页骨架开发、详情页购物能力开发、详情页评价列表开发、评价选择组件开发。
包括评价页面骨架开发、评价选择组件 Mixin 抽取、商家页面静态页面开发、商家页面本地缓存封装和实现。
包括create-api 原理介绍和源码分析。
包括打包构建和性能优化、搭建小型 node 服务代理接口、部署到云服务器和 nginx 多项目部署方案。
从前端开发趋势分析开始，引入 MVVM 开发框架和 Vue.js，接着对比流行框架Angular 和 React，最后详细介绍 Vue.js 的核心思想-数据驱动和组件化。
介绍 Vue 项目的脚手架，如何安装，对脚手架生成的目录文件做介绍，介绍 Vue 组件的编写方法，最后运行 demo 项目并介绍 webpack 构建脚本来说明 demo 的运行原理。
分析外卖 APP 商家页面的需求，准备图片资源，利用 icon-moon 把 svg 制作成图标字体，对代码的目录结构设计，最后 mock 测试数据。
设计页面的骨架，拆分组件，商品、评论和商家详情页利用 Vue-router 做切换，最后还介绍了 flex 弹性布局以及移动端 1 像素 border 实现的小技巧。
编写 header 头部组件，应用 Vue-resource 从服务端读取数据，介绍如何在 Vue.js 中使用过渡动画，如何编写 css sticky footer 布局，如何从需求中抽象出 star 星星组件。
编写 goods 商品组件，包括它的子组件 shopcart 购物车。介绍了如何在 Vue.js 应用第三方 JS 插件 better-scroll实现列表滚动，并配合 Vue.js 的计算属性来实现左右列表的联动。应用了自定义 Vue.js 过渡动画实现了购物车的飞入动画效果，介绍了在 Vue.js中父子组件如何通讯。...
编写 food 商品详情页组件，介绍了图片占位的技巧，并从需求中抽象出的 split 分隔组件和 ratingselect 评论组件，实现自定义过滤器 datefilter。
编写 ratings 评价列表页，感受在 Vue.js 中复用组件的好处，实现快速开发。
编写 seller 商家详情页，实现一套通用移动端数据存取方案，以及对项目做一些体验上的优化。
上线前的最后一步，编译打包Vue.js 项目。介绍了 webpack 编译时的配置，如何利用node.js 开启一个server本地调试。
本章节把项目从1.0向2.0升级向大家做了简要的介绍。
ustbhuangyi
Web前端工程师
曾任职百度、滴滴，现担任Zoom前端架构师，推进前后端分离架构方案，同时负责 Zoom 自研组件库。公众号《老黄的前端私房菜》，《Vue.js 技术揭秘》独立作者，《Vue.js 权威指南》主要作者，开源项目 better-scroll 作者。曾主导滴滴开源项目 cube-ui，建立团队技术博客。
向您推荐
如无法下载使用图片另存为
下载海报选课、学习遇到问题？
扫码添加指导老师 1V1 帮助你！
添加后老师会第一时间解决你的问题