VUE 2全家桶:一个假的QQ音乐播放器

cheng52364
cheng52364 发布于 2017-03-10 11:13:11 浏览:514 类型:原创 - 随笔 分类:JavaScript - 前端开发 二维码: 作者原创 版权保护
看网上大家都把vue2 系列用到6的飞起,也忍不住想试试动手做一个demo。

VUE 2全家桶:一个假的QQ音乐播放器

一来加深对vue官方API的理解,还有就是不动手做,光看文档总觉得心里没底儿似的。

看过用vue 做简书的、做有道云笔记的 做饿了么的 做QQ音乐的、做商城产品页的====

为什么选择也跟风做QQ音乐播放器?

因为看了那么多,其实主要是因为我希望能用真实的数据而不是用本地json或者Mock假数据。刚好QQ提供的是jsonp接口,天生支持跨域,那当然就选这个啦

还可以用到vue-resource

项目搭建基于vue-cli 脚手架,初期也自己动手从npm init 开始全手动,结果总要安装很多依赖包 特别崩溃,

有捷径当然要利用好,所以就选了vue官方脚手架,用起来简直不要太easy!

为什么我做了一个假的qq 音乐播放器呢?

因为做完发现跟网上别人做的截图完全不一样啊。。。我还好奇他们从哪看到的界面,

我参考的是QQ音乐的移动版页面做的,看到别人的界面辣么酷炫我一度怀疑我看了一个假QQ音乐网站。。甚至为了也仿造一个好看的,我都把QQ音乐app下载下来了,发现也不是那样的啊。。。无比崩溃

不管了,反正即使我看到那么酷炫的我也做不了,技术还不够哈

一点一滴慢慢练习把。早晚有一天要按照app来一把!

github地址:qq_music源码
预览地址:还不知道怎么弄预览,先看截图吧,或者把我的项目代码下载下去在本地运行一下试试看

话不多说,上图!如果图片打不开点这里


功能还很少,页面也不够美观,各位先浏览一下就好;
目前还存在的问题:
  1. 1、歌词部分已经获取到了,还没有渲染到页面上;
  2. 2、需要根据歌曲id获取歌曲的详细信息,可是我还没有找到这个接口啊啊啊啊啊
  3. 3、搜索页面还有待完善
  4. 4、歌曲连播以及切换还有待完善
  5. 5、其他还有很多功能一步步做

希望缺乏动手能力的小伙伴一定要多练习,多交流

如果项目有问题欢迎来我的前端交流群探讨:38518473


这页面编辑的好丑啊
标签:
z
给个赞 3 人点赞
收藏 1 人收藏
评论 已有 0 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
还没有任何评论呢,赶紧抢先来一发吧!
cheng52364 cheng52364 作者

作者最新