【本博客为原创:http://www.cnblogs.com/HeavenBin/】   

前言:

  这段时间写的一个项目,供给大家互相学习,有什么疑问可以issues我。

源码地址:https://github.com/HeavenBin/VueMusic

项目构成

├── build                  // webpack配置文件
├── config                   // 不同环境的打包配置
├── dist                     // 生产目录
├── index.html               // 入口html文件
├── package.json             // 项目配置文件
├── static                       // 放置静态资源
├── src                      // 开发目录
│   ├── pages                // 页面
│   ├── components           // 组件
│   ├── config               // 基本配置
│   ├── images               // 公共图片
│   ├── plugins                // 引用插件
│   ├── router               // 路由配置
│   ├── service              // 数据交互
│   ├── store                // vuex状态管理
│   ├── style                // 公共样式
│   ├── App.vue              // 页面入口文件
│   └── main.js            // 程序入口文件

技术栈

  • Vue2:采用现代渐进式框架Vue2的版本
  • Vuex:管理公共组件状态量
  • vue-router:管理单页面应用路由
  • 自定义ajax:基于xmlhttprequest对象以及新兴Fetch对象结合封装的http请求
  • CSS3:CSS3动画及样式。
  • Sass:css预处理语言。
  • Webpack:自动化构建工具,主要配置vue-cli脚手架提供。
  • ES6:采用ES6语法。
  • SVG:基于可扩展标记语言的可缩放矢量图形。
  • 接口来源(感谢Binaryify不断更新的网易云音乐接口)

  如果您认为这篇文章还不错或者有所收获,您可以通过扫描一下下面的支付宝二维码 打赏我一杯咖啡【物质支持】,也可以点击右下角的【推荐】按钮【精神支持】,因为这两种支持都是我继续写作,分享的最大动力

转载于:https://www.cnblogs.com/HeavenBin/p/8261724.html

基于vue2+vuex+vue-router+sass+webpack的网易云音乐相关推荐

  1. 牛皮!竟然有大佬基于 Spring Boot + Vue 开发了一套网易云amp;QQ音乐(附源码)。。。...

    来源:segmentfault.com/a/1190000021376934 # 前言 虽然 B/S 是目前开发的主流,但是 C/S 仍然有很大的市场需求.受限于浏览器的沙盒限制,网页应用无法满足某些 ...

  2. vue全家桶系列之网易云音乐(移动版)

    一个精致的网易云音乐webapp 网易云音乐(移动版) api来源(感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托) 源码地址 项目预览(web端在chrome ...

  3. 小程序能用vue写么_仿网易云音乐APP的微信小程序【小程序和Vue版本】

    小程序版本: 首先是网易云的音乐接口: npm 源码获取见文章底部. 目前实现功能 用户 歌单 FM 播放 评论 MV 专辑 歌手 登录 歌曲红心,FM trash,收藏单曲至歌单 收听记录 歌单歌曲 ...

  4. Vue实现web端仿网易云音乐 完成大部分功能

    采用vue2+element,后台网易云接口为github某位大佬写的,上传到腾讯云服务器实现在线接口 1.代码结构 一.未登录页面 1.未登录效果预览 动图经过压缩可能渐变色不明显..... 由于图 ...

  5. 网易云音乐:基于RocketMQ的亿级分布式消息队列系统建设实践

    来源 阿里巴巴中间件(ID:Aliware_2018) 作者:林德智 十年文案老司机,不如网易评论区. 网易云音乐自2013年上线后,业务保持了高速增长.云音乐除了提供好听的音乐外,还留下了我们在乐和 ...

  6. Vue2 - 网易云音乐项目笔记(基于Vant UI组件库)

    目录 一.项目技术 二.准备工作 1.初始化Vue项目 2.配置Vant UI组件库 3.下载并使用vue-router库 4.接口API 5.postcss插件 三.分析页面实现功能 1.路由页面准 ...

  7. 基于Vue 全家桶实现网易云音乐 WebApp

    基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp,UI 界面参考了安卓 ...

  8. 怎么做前后端分离的个人博客,内部还有仿网易云音乐模块?点进便知!(基于Vue,Springboot+mybatisplus+SpringCloud+ElasticSearch等框架实现)

    入站须知 一.个人博客简介 1.1 博客主要页面:  1.1.1 首页  1.1.2 分类页  1.1.3 分类页  1.1.4 归档页  1.1.5 友链页  1.1.6 关于我  1.1.7 留言 ...

  9. 基于vue的高仿网易云音乐网站,实现大多数功能

    文章目录 前言 项目演示地址 线上地址 项目仓库 总结 前言 基于Vue + Vue-Router + Vuex + axios + elementui,ui参考网易云音乐,后端接口使用网易云音乐接口 ...

最新文章

  1. redis如何实现分布式锁?
  2. 关于耳机的国标和美标的区分
  3. 离线轻量级大数据平台Spark之MLib机器学习库聚类算法KMeans实例
  4. Spring 整合 RocketMQ
  5. HTML5 小动画例子
  6. python制作物联网控制软件下载_Python+树莓派制作IoT(物联网)门控设备
  7. ajax control toolkit vs2013,VS2008 .net framework 3.5使用Ajax Control Toolkit完整解决方案
  8. C++单例实现及回收(转)
  9. 关于多目标跟踪的一点理解
  10. 计算机mac网关,如何在Mac OS X中获取默认网关地址 | MOS86
  11. 在戴尔游匣7559上安装win10和Ubuntu16.04双系统
  12. 使用java搭建简单的ligerui环境
  13. 《2022中国企业数字化办公创新与实践产业研究报告》附下载丨三叠云
  14. 多益2980邮箱集合专业游戏服务免费安全的电子邮箱
  15. 【通信】通信网络基础分类
  16. 如何从CA获取数字证书
  17. openssl自签名ca证书,以及签发服务端/客户端证书
  18. php数字运算符号,php运算符号
  19. 《计算机科学与探索》期刊投稿
  20. FCA-FineBI认证考试(2022-09-28)

热门文章

  1. 如何将表中的数据导出到电子表格中
  2. 数据库-数据类型及主键外键
  3. Sqluldr2 libclntsh.so报错处理
  4. C++ 实例化对象 p-printX()
  5. SpringMVC中@GetMapping和@RequestMapping的区别
  6. Ubuntu 12.04下spark1.0.0 集群搭建(原创)
  7. ECsoop 商品列表页属性筛选区品牌以LOGO形式显示
  8. 产品经理跳槽面试大揭秘……
  9. 【设计】H5移动端页面设计心得分享(附案例解析)
  10. 【分析】大数据爆破之年:在这5个领域“掘金”最靠谱