全网稀缺Vue2.0高级实战独立开发专属音乐WebAPP

第1章 课程内容介绍
包括课程概述、课程安排、学习前提、讲授方式等方面的介绍,最后演示了整个音乐App的功能,让同学们对课程项目有一个直观的了解。

第2章 项目准备工作
包括项目需求分析、脚手架初始化代码、项目目录介绍及图标字体、公共样式等资源的准备        。

第3章 页面骨架开发
包括页面入口、header 组件的编写、路由配置及顶导 tab 组件开发。

第4章 推荐页面开发
包括 jsonp 原理介绍和 Promise 封装、轮播图组件开发、歌单接口数据分析和抓取、axios 介绍和后端接口代理、歌单列表组件开发和数据应用、scroll 组件的抽象和应用、vue-lazyloader 懒加载插件的介绍和应用、loading 基础组件开发和应用。...

第5章 歌手页面开发
包括歌手数据的抓取和处理、Singer 类的封装、类通讯录组件 listview开发和应用。

第6章 歌手详情页开发
包括子路由的配置及转场动画实现、Vuex 的介绍、Vuex 初始化歌手数据的配置、歌手详情页数据抓取和处理、Song 类的封装、music-list 组件开发。

第7章 播放器内置组件开发
包括播放器 Vuex 数据设计和相关应用、播放器基础样式及歌曲数据应用、        播放器展开收起动画的实现、播放器前进后退功能实现、播放器播放时间获取和更新、progress-bar 进度条组件开发、progress-circle 圆形进度条组件开发、播放器模式切换功能实现、播放器歌词数据抓取和解析、播放器歌词左右滑动的实现、播放器底部播...

第8章 歌单页面开发
包括歌单页面的布局介绍、Vuex 实现路由数据通讯、歌单详情页数据抓取和处理。

第9章 排行榜及详情页开发
包括排行榜布局介绍、排行榜数据抓取和应用、榜单详情页布局介绍、Vuex 实现路由数据通讯、榜单详情页数据抓取和应用。

第10章 搜索页面开发
包括search-box 组件开发、热门搜索数据抓取和应用、suggest 组件开发、搜索结果保存功能实现、search-list 组件开发、confirm 组件开发。

第11章 歌曲列表组件
包括歌曲列表组件的显示和隐藏控制、播放列表的实现、player mixin 的抽象、 add-song 组件开发、top-list 组件开发、scroll 组件能力的扩展

第12章 用户中心页面
包括收藏列表的 Vuex 数据设计与实现、收藏歌曲功能实现、页面功能开发。

第13章 编译打包
包括播放内核小 bug 修复、项目编译打包及 node 服务调试、路由组件实现懒加载、Vue.js 升级到最新版。

第14章 课程总结
包括移动端常用工具 charles 和 vconsole 的介绍、课程回顾。

下载地址:百度网盘下载

原文地址:https://www.cnblogs.com/huangchenxi/p/9380599.html

时间: 2024-08-30 09:29:16

全网稀缺Vue2.0高级实战独立开发专属音乐WebAPP的相关文章

CL0940-全网稀缺Vue 2.0高级实战 独立开发专属音乐WebAPP

学习要趁早,点滴记录,学习就是进步! 随笔背景:在很多时候,很多入门不久的朋友都会问我:我是从其他语言转到程序开发的,有没有一些基础性的资料给我们学习学习呢,你的框架感觉一下太大了,希望有个循序渐进的教程或者视频来学习就好了.对于学习有困难不知道如何提升自己可以加扣:1225462853进行交流得到帮助,获取学习资料. 下载地址:http://pan.baidu.com/s/1jI05TPW 基于Vue 全家桶 (2.x)制作的移动端音乐 WebApp ,一个媲美原生的移动端音乐 App,项目完

vue2.0项目实战(3)生命周期和钩子函数详解

最近的项目都使用vue2.0来开发,不得不说,vue真的非常好用,大大减少了项目的开发周期.在踩坑的过程中,因为对vue的生命周期不是特别了解,所以有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚. 下面来总结一下vue的生命周期. vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了. 生命周期探究 对于执行顺序和什么时候执行,看上面两个图基本有个了解了.下面我们将结合代码去看看钩子函数的执行. <!DOCTYPE html>

饿了么基于Vue2.0的通用组件开发之路(分享会记录)

Element:一套通用组件库的开发之路 Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库.今天我们要分享的就是开发 Element 的一些心得. 官网:http://element.eleme.io/#/github:https://github.com/ElemeFE/element ## 设计目的 大部分项目起源都是源于业务方的需求,Element 也是一样.随着公司业务发展,内部开始衍生出很多后台系统,UED 部门也接到越来越多的设计需求,

前端 高级 (二十五)vue2.0项目实战一 配置简要说明、代码简要说明、Import/Export、轮播和列表例子

一.启动服务自动打开浏览器运行 二.配置简要说明 1.node_modules 安装好的依赖文件,中间件等,所在位置 2.package.jason 配置当前项目要安装的中间件和依赖文件 { "name": "my-app", "version": "1.0.0", "description": "A Vue.js project", "author": "

vue2.0项目实战(5)vuex快速入门

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试.状态快照导入导出等高级调试功能. 以上是vuex的官方文档对vuex的介绍,官方文档对vuex的用法进行了详细的说明.这里就不再细讲vuex的各个用法. 为什么要用vuex 当你打算开发大型单页应用(SPA),会

vue2.0项目实战--使用axios发送请求

在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource. 关于为什么放弃推荐? -> 尤大原话 最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios.superagent 等等都可以起到同等的效果, vue-resource 提供的价值和其维护成本相比并不划算,所以决定在不久以后取消对 vue-resource 的官

vue2.0+Element-ui实战案例

前言 我们将会选择使用一些 vue 周边的库vue-cli, vue-router,axios,moment,Element-ui搭建一个前端项目案例,后端数据接口,会使用json-server快速搭建一个本地的服务,方便对数据的增删改查, 利用以上技术我们会搭建一个vue案例,效果展示图: 以上就是我们最终要实现的全部效果,我会一块一块的讲解,关于脚手架安装和json-server搭建,在本次博客中,不会讲解,如果想看的话,在小编的博客中,也有讲解关于脚手架搭建和json-server搭建,如

vue2.0+echarts可视化图形开发中遇到的问题总结

项目首页如上图所示: 先说说我的想法吧,此页面共包含title,tabs(选项栏),materchart(仪表盘),loading(等待加载提示),btns(按钮)四个组件, 1.表盘组件所用到的数据由首页以属性的方式传递, 因为数据从服务器端是异步获取,因此直接写入请求数据会出错,因为在页面渲染时异步请求未完成,所以此处加入了loading模块,在请求的过程中显示loading状态,等待请求完毕时更改v-if的值,来达到异步显示图表的目的. 这里先简单记录一下自己的思路. 2.下面说一下首页t

慕课网最新实战课vue2.0只需9.9即可购买

加QQ:2916329516即可购买 也可扫码加 vue2.0实战课从基础到项目带你开发去哪儿app 走过路过不要错过   原价:¥266.00  现价:¥9.9  点击试看 密码: 3xts 带你入门vue2.0开发一个数字产品电商平台 走过路过不要错过   原价:¥128.00  现价:¥9.9  点击试看 密码: j6p8 Vue高仿饿了么APP 点击试看 密码: ggv6 走过路过不要错过   原价:¥198.00  现价:¥9.9  Vue2.0实战高级-开发移动音乐WebApp 点击