fkcj2010 / CloudMusicApp

基于vue的音乐webapp,数据是通过jsonp从qq音乐获取的!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

  jaonshao123456

安装与运行

git clone https://github.com/jsonshao/CloudMusicApp

cd CloudMusicApp

npm install

npm run dev //服务端运行 访问 http://localhost:8080

技术栈

vue+vuex+router+axios+jsonp+es6+stylus 目前还没用到vue的前端ui组件库,打算看下vux听说这个ui组件库挺好

demo实现功能

  •   通过jsonp真实获取qq音乐的数据
  •   实现个性化推荐页面,包括轮播图和歌单列表
  •   实现歌单列表的滚动
  •   实现歌单列表详情页面
  •   实现歌单列表详情页面歌曲播放
  •   实现歌手列表的展示
  •   实现歌手列表的滚动
  •   实现歌手列表和歌手分类的信息联动
  •   实现歌手详细信息的展示
  •   实现歌手详细页面歌曲播放
  •   实现歌单,歌手图片信息的懒加载问题
  •   实现数据请求延迟的lodding效果 ..........

运行截图

image image image image image image image image image

About

基于vue的音乐webapp,数据是通过jsonp从qq音乐获取的!


Languages

Language:Vue 71.9%Language:JavaScript 25.0%Language:CSS 2.8%Language:HTML 0.2%