• 课程介绍
  • 学习目标
  • 课程详情
  • 酷狗音乐分层划分项目目录结构,服务层,业务层,工具层,数据管理层,路由层。先从规划路由配置开始,划分页面组件和通用组件在不同目录下。利用Proxy,从酷狗音乐那边拿到真实的数据。这里综合起来完成一个实战的案例,贴近真实的项目,学会如何把学到的运用在自己的项目中。
  • 本项目利用 vue-cli 搭建项目,使用 vue 周边工具 vue-router、axios 来设置路由和与服务器的通信。用第三方组件库快速搭建页面,同时能学习第三方组件库设计组件的思路。最终完成,排行、歌单、歌手的页面展示。
  • Vue 全家桶系列之Vue 酷狗音乐综合实战

    • Vue 语法从零到熟练;
    • vue-cli 脚手架创建无痛 webpack 配置目录结构;
    • vue-router 单页应用的前端路由管理利器;
    • vuex 集中式应用状态管理器;

    配套工具使用

    • Npm 基本使用
    • axios 用作与后端进行通信

    为什么选择 Vue.js?

    Vue 是一个构建数据驱动的 Web 界面的库,通过简单的 API 提供高效的数据绑定和灵活的组件系统。
    Vue 具有简洁、轻量、快速、 数据驱动、组件化等特点,除此之外,Vue 还具有上手快、简单易学、学完即用、快速开发的优势。
    可把页面组件化、模块化,分工明确、互不干涉,低耦合的设计使组件可复用、可测试,更易于维护。
    响应式编程,开发者只需要聚焦在状态的逻辑处理上,让框架来进行 DOM 操作,不需要自己手动更新视图。
    官方提供健全的周边工具,例如 vue-cli 创建项目目录和开发环境配置、vue-router 前端路由创建单页应用、vuex 集中式应用状态管理器。

    通过本课程,你能够学到什么?

    酷狗音乐分层划分项目目录结构,服务层,业务层,工具层,数据管理层,路由层。先从规划路由配置开始,划分页面组件和通用组件在不同目录下。利用Proxy,从酷狗音乐那边拿到真实的数据。这里综合起来完成一个实战的案例,贴近真实的项目,学会如何把学到的运用在自己的项目中。

    学前基础要求:

    1、有 HTML、CSS、JS 基础,熟悉 DOM\BOM 等操作,能独立完成 妙味 JavaScript 课程 中级阶段课后案例即可,例如:>QQ邮箱删除功能

    2、具备 AJAX 等相关知识;

    3、掌握 《Vue 入门语法和实战案例》《Vuex 状态管理和路由配置》

    • Vue 案例精选荟萃

      • 【实例】酷狗音乐综合实战

    项目描述:

    本项目利用 vue-cli 搭建项目,使用 vue 周边工具 vue-router、axios 来设置路由和与服务器的通信。用第三方组件库快速搭建页面,同时能学习第三方组件库设计组件的思路。最终完成,排行、歌单、歌手的页面展示。

    实现功能:
    1. 新歌页面的走马灯和新歌列表;
    2. 展示排行榜、歌单、歌手数据;
    3. 歌手列表
    4. 获取歌曲播放
    5. 歌曲上一首下一首处理
    6. 控制暂停播放歌曲
    7. 规划歌词面板
    8. 歌曲进度条左右拖动限制
    9. 播放进度和歌词对应

    案例配图:

     

    咨询方式:

    • 咨询QQ:2852509866、2852509867、2852509868
    • 微信:miaov-class
    • 电话:010-57269690

    想要了解妙味课堂最新开课消息吗?长按二维码关注吧!

课程目录

资料下载

购买课程后,可免费下载课件

讲师信息

王允

主讲教师:王允

讲师介绍:实战派讲师,电子商务专业,学习编程之前,曾自学各类软件,如:PS\AI\AE\DW\Maya\flashAS… 后转战至编程领域,为知名餐饮企业“西贝菜品”开发官网,另外还开发了基于微博的“企业粉丝管理”系统。 随后任职于“中国移动”,成为前端团队负责人,负责“技术人员招聘、技术难点攻关”等事宜; 2014年供职于“国美在线”2014年供职于“国美在线”任“JS高级前端工程师”,负责“国美在线”的“购物车”及周边相关功能模块开发,并负责团队技术攻关,如:Angular\RequireJS\SeaJS\Backbone等

相关课程

  • vue 进阶

    ¥158.00
    当前热度:69088
  • Vue 仿锤子商城实战

    ¥139.00
    当前热度:29357
  • Vue 系统修炼与精彩实战

    ¥1,888.00
    当前热度:6245
  • Vue 入门语法和实战案例

    ¥388.00
    当前热度:5463
  • Vuex 状态管理和路由配置

    ¥488.00
    当前热度:5730
“100%中奖,幸运好礼转到手”
幸运用户
用户 奖励方式
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
恭喜: 156468712 获得一等奖
1. 中奖后请联系客服,兑换奖品;
2. 兑奖有效期:2018 年 10 月 18 日 - 2018 年 12 月 31 日;
3. 本活动最终解释权归妙味课堂所有;
您还剩余1次抽奖机会
 
“100%中奖,幸运好礼转到手”
恭喜中奖
奖品名称
“下笔消费返还10%现金”
查看奖品详情
 
“100%中奖,幸运好礼转到手”
奖品名称
下笔消费返还10%现金
奖品描述:

1、赠送1年VIP会员视频权限

2、不能赠予,仅限中奖的用户使用

3、提供ID号+绑定的手机号

4、提供个人中心的中奖截图

兑换有效期: 2018年11月31日 - 17:00:00
兑换方式:联系客服兑换

客服联系方式:

QQ:2852509866、2852509868

微信:miaov-class、miaov-study

返回
官方微博
常见问题
手机观看
微信扫一扫
公众号内观看视频
咨询客服
点击咨询QQ客服
微信客服
返回顶部