用vue实现简易的音乐webApp

前言:学了半个月的vue,做这个小项目也做了半个月;数据是实时抓取自QQ音乐的api接口,主要的功能实现是对网页版的qq音乐功能来做参考。

1、关于项目

  • 这个小项目用了webpack+vue全家桶+es6等技术栈来实现的,基本实现了音乐播放,数据的动态抓取,因为要开学了,所以歌词页面和搜索也还没完善,后面也会慢慢的更新解决

  • 具体效果

首页 榜单 排行榜

2、下一步

  • 首先的话还是会要继续夯实js基础,然后会梳理下这半个来月做这个小项目过程中遇到的问题,将知识点再整理一下写成文章,巩固一下知识点的同时也希望能为大家提供点帮助。
  • 然后会把接下来的搜索、歌手等几个页面完成,完善整个webApp,然后也想引用下mint-ui这个vue组件,完善下页面,丰富下效果

3、总结

  • 通过这个项目学到的东西当然是不言自明的。对vue技术栈有了初步的认识,v-router怎么用、vuex单向数据流、v-resource、qq音乐api数据怎么抓等、然后对前端项目的构建利用webpack自动化构建工具从无到有整个流程有了了解。
  • 其实一开始我是学了有一个月的react,现在又撸了一个月vue,对于前端框架也是半年内开始学习(以前一直都在搞js基础),也在尝试不同的框架,找到自己最合适的那个,两者之间异同就不说了,框架入门还是选vue吧,反正对我个人来说,react比vue难。。。
  • 在这过程中遇到困难确实磨砺心志,Google都Google烂,有几天编到凌晨都头发晕,写到怀疑自己,但是做到现在,每完成一个页面还是挺有成就感的;编程这东西吧有时候还是得看点天赋,有些大神做这点东西几天就搞完了。
  • 学无止境,前端要学的东西感觉实在太多了,但是还是要立足根本,继续把js基础打好、学好英文;前端吧,坚持与热爱比什么都重要,最后引句话共勉吧:

人一能之,己百之;人十能之,己千之。果能此道矣,虽愚必明,虽柔必强。《礼记·中庸》

参考学习
https://cn.vuejs.org/v2/guide/installation.html
https://router.vuejs.org/zh-cn/
https://vuex.vuejs.org/zh-cn/
http://es6.ruanyifeng.com/#docs/intro
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
http://javascript.ruanyifeng.com/nodejs/npm.html
http://www.jianshu.com/p/7b79094cb957

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,320评论 8 124
  • 长空如垠,镜湖似练,晴川历历南河岸。稻禾拔节日渐高,忧伤布谷枝头满。雨急风疏,情深意绻,牵牛吹落低低院。一年好景正...
    剑行天下阅读 3,392评论 5 17
  • ⒈conventional 约定俗成的,传统的 ⒉utility ⒊turbine 涡轮机 ⒋photovol...
    littlelady001阅读 4,138评论 0 0
  • 在我的身边有不少年轻人处于迷茫状态,他们没有目标,不知道自己的未来在哪里。他们有的刚毕业还在找工作,有的已经工作多...
    吹牛的老大爷阅读 2,953评论 0 0
  • 王晓梅,四个基本步骤是做了再做,不断地重复的,才能成为一个轮子,才有可能让你的生意滚动起来。
    沙漏记得阅读 806评论 0 0