用vue实现简易的音乐webApp

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

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

首页

榜单

排行榜

3、下一步

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

4、总结

  • 通过这个项目学到的东西当然是不言自明的。对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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏知晓程序

老司机都在用!一键查违章、缴罚款,就靠这款小程序

今天,知晓程序(微信号 zxcx0101)就为经常驾车的你,推荐一款专门用来查违章的小程序「车轮查违章」,助你第一时间掌握违章信息。

1391
来自专栏云计算D1net

2014云数据安全技巧总回顾

云计算现正是当今IT界的宠儿,但安全方面的担忧仍是企业迟迟未肯采纳的原因。这些顶级安全技巧可以帮助IT团队快速热身,熟悉这项科技。 没人否认云计算的这些优点,灵...

27810
来自专栏北京马哥教育

一个很有借鉴价值的编程故事

这是一个真实的故事,关于我自己的。一个理智的生命个体是怎么一步步走向疯狂? 我穿着西装,坐在办公室里,脑子里有一个模糊的创业想法。然后,我决定学习编程。我曾经无...

3386
来自专栏大数据文摘

不同角度看世界:十大数据可视化站点

1889
来自专栏腾讯云安全的专栏

游戏篇——移动 APP 安全行业报告

2266
来自专栏速成应用小程序开发平台

喜茶如何打造一款效率至上的小程序 三个月累积百万用户?

估计十有八九的人都会回答“排队”。在喜茶门店门口,这是最常见的情况:十几、二十岁的年轻人,他们刷着手机、玩着自拍,通常排一两个,甚至是三四个小时的队等待一杯他们...

1903
来自专栏FreeBuf

有关事件响应(IR)自动化和协同的几点反思

有关事件响应(IR)自动化和协同的几点反思 IR(incident response),顾名思义,事件响应,旨在对一些潜在的危机,如数据外泄、DoS或DDoS攻...

1957
来自专栏云计算D1net

混合云备份机制实现成本节约的七种方式

自然灾害对于数据内容的影响绝不仅仅像好莱坞大片中所描述或者说美化出来的那样。事实上,网络攻击、人为失误、暴雪、飓风乃至其它一些常见的突发性事件往往会令大家的业务...

3945
来自专栏zhisheng

做程序员的这五年

到昨天为止,做程序员,已经整整五年。最近半年来,我时常思考我走过这五年,反思我的职业工作,反思我的生活,我选择错了很多,也做错了很多。有些道理,到最近才幡然醒悟...

1672
来自专栏腾讯大讲堂的专栏

春晚控制后台故事分享

腾讯大讲堂隆重推出【100亿次的挑战】系列海量服务之道2.0讲座,覆盖技术、产品、项目管理、支撑、支付5个维度。第二场【产品篇】3000名鹅厂员工参与,场面火爆...

2148

扫码关注云+社区

领取腾讯云代金券