基于vue2+vuex+vue-router+sass+webpack的网易云音乐
【本博客为原创: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的网易云音乐相关推荐
- 牛皮!竟然有大佬基于 Spring Boot + Vue 开发了一套网易云amp;QQ音乐(附源码)。。。...
来源:segmentfault.com/a/1190000021376934 # 前言 虽然 B/S 是目前开发的主流,但是 C/S 仍然有很大的市场需求.受限于浏览器的沙盒限制,网页应用无法满足某些 ...
- vue全家桶系列之网易云音乐(移动版)
一个精致的网易云音乐webapp 网易云音乐(移动版) api来源(感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托) 源码地址 项目预览(web端在chrome ...
- 小程序能用vue写么_仿网易云音乐APP的微信小程序【小程序和Vue版本】
小程序版本: 首先是网易云的音乐接口: npm 源码获取见文章底部. 目前实现功能 用户 歌单 FM 播放 评论 MV 专辑 歌手 登录 歌曲红心,FM trash,收藏单曲至歌单 收听记录 歌单歌曲 ...
- Vue实现web端仿网易云音乐 完成大部分功能
采用vue2+element,后台网易云接口为github某位大佬写的,上传到腾讯云服务器实现在线接口 1.代码结构 一.未登录页面 1.未登录效果预览 动图经过压缩可能渐变色不明显..... 由于图 ...
- 网易云音乐:基于RocketMQ的亿级分布式消息队列系统建设实践
来源 阿里巴巴中间件(ID:Aliware_2018) 作者:林德智 十年文案老司机,不如网易评论区. 网易云音乐自2013年上线后,业务保持了高速增长.云音乐除了提供好听的音乐外,还留下了我们在乐和 ...
- Vue2 - 网易云音乐项目笔记(基于Vant UI组件库)
目录 一.项目技术 二.准备工作 1.初始化Vue项目 2.配置Vant UI组件库 3.下载并使用vue-router库 4.接口API 5.postcss插件 三.分析页面实现功能 1.路由页面准 ...
- 基于Vue 全家桶实现网易云音乐 WebApp
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp,UI 界面参考了安卓 ...
- 怎么做前后端分离的个人博客,内部还有仿网易云音乐模块?点进便知!(基于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 留言 ...
- 基于vue的高仿网易云音乐网站,实现大多数功能
文章目录 前言 项目演示地址 线上地址 项目仓库 总结 前言 基于Vue + Vue-Router + Vuex + axios + elementui,ui参考网易云音乐,后端接口使用网易云音乐接口 ...
最新文章
- redis如何实现分布式锁?
- 关于耳机的国标和美标的区分
- 离线轻量级大数据平台Spark之MLib机器学习库聚类算法KMeans实例
- Spring 整合 RocketMQ
- HTML5 小动画例子
- python制作物联网控制软件下载_Python+树莓派制作IoT(物联网)门控设备
- ajax control toolkit vs2013,VS2008 .net framework 3.5使用Ajax Control Toolkit完整解决方案
- C++单例实现及回收(转)
- 关于多目标跟踪的一点理解
- 计算机mac网关,如何在Mac OS X中获取默认网关地址 | MOS86
- 在戴尔游匣7559上安装win10和Ubuntu16.04双系统
- 使用java搭建简单的ligerui环境
- 《2022中国企业数字化办公创新与实践产业研究报告》附下载丨三叠云
- 多益2980邮箱集合专业游戏服务免费安全的电子邮箱
- 【通信】通信网络基础分类
- 如何从CA获取数字证书
- openssl自签名ca证书,以及签发服务端/客户端证书
- php数字运算符号,php运算符号
- 《计算机科学与探索》期刊投稿
- FCA-FineBI认证考试(2022-09-28)
热门文章
- 如何将表中的数据导出到电子表格中
- 数据库-数据类型及主键外键
- Sqluldr2 libclntsh.so报错处理
- C++ 实例化对象 p-printX()
- SpringMVC中@GetMapping和@RequestMapping的区别
- Ubuntu 12.04下spark1.0.0 集群搭建(原创)
- ECsoop 商品列表页属性筛选区品牌以LOGO形式显示
- 产品经理跳槽面试大揭秘……
- 【设计】H5移动端页面设计心得分享(附案例解析)
- 【分析】大数据爆破之年:在这5个领域“掘金”最靠谱