用户页面

用户页面基础代码展示，user.vue

开发相关的技术栈

• vuejs2.0：一套构建用户界面的渐进式框架，易用、灵活、高效
• element-ui：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库
• vue-router：官方的路由组件，配合vue.js创建单页应用（SPA）非常简单
• axios: 基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用
• scass

播放器内置组件开发

播放器可以通过歌手详情列表、歌单详情列表、排行榜列表以及搜索结果打开，换言之，多个组件都可以操作这个播放器。

接 Vue音乐播放器开发（四）：歌手详情页开发以及Vuex的使用一

交互效果

图片跟随滑动变小

当歌曲列表往上滑动时，图片跟随滑动变小以展示更多歌曲数据，当往下拉时，图片跟着放大。

歌手详情页开发

singer-detail.vue子组件开发及配置

歌手页面开发

歌手数据接口抓取

推荐页面开发

推荐页面分为两个页面：首页和歌单详情页面

准备工作

安装vue-cli脚手架

1

$ vue init webpack music

简单的文字模糊效果

以下两行简单的CSS3代码可达到将文字模糊化处理的目的，出来的效果有点像使用PS的滤镜。

对于那些使用不支持闭包特性的编程语言的程序员来说，闭包可能是一个陌生的概念。幸运的是，闭包真没什么可害怕的。