facebesidewyj / Cool Music
🎵A music app based on Vue
Stars: ✭ 114
Projects that are alternatives of or similar to Cool Music
Saltgui
A web interface for managing SaltStack based infrastructure.
Stars: ✭ 278 (+143.86%)
Mutual labels: html-css
Flutter html
A Flutter widget for rendering static html as Flutter widgets (Will render over 80 different html tags!)
Stars: ✭ 1,046 (+817.54%)
Mutual labels: html-css
Front End Discourse
A place to discuss what it means to be a front-end developer.
Stars: ✭ 84 (-26.32%)
Mutual labels: html-css
Responsive Grid Of Hexagons
CSS responsive grid of hexagons
Stars: ✭ 481 (+321.93%)
Mutual labels: html-css
Pure Css3 Animated Border
Pure CSS3 animated border for all html element.
Stars: ✭ 63 (-44.74%)
Mutual labels: html-css
The Matrix Effect
The incredible effect of rain of letters in the style of the Matrix trilogy.
Stars: ✭ 109 (-4.39%)
Mutual labels: html-css
Css Essential Training
Exercise files for the CSS Essential Training course on LinkedIn Learning and Lynda.com
Stars: ✭ 80 (-29.82%)
Mutual labels: html-css
Mf Blogstarter
Eleventy + Tailwind CSS blog starter by Marc Filleul
Stars: ✭ 21 (-81.58%)
Mutual labels: html-css
Curriculum
Overview of the different modules and learning goals of the program.
Stars: ✭ 40 (-64.91%)
Mutual labels: html-css
Drop
A small CSS component that turns browser-native <details> elements into dropdown menus.
Stars: ✭ 69 (-39.47%)
Mutual labels: html-css
Python web crawler da ml dl
python从最基础的语法历经网络基础、前端基础、后端基础和爬虫与数据基础走向机器学习
Stars: ✭ 272 (+138.6%)
Mutual labels: html-css
Sciter Sdk
Sciter is an embeddable HTML/CSS/scripting engine
Stars: ✭ 1,690 (+1382.46%)
Mutual labels: html-css
Hacktoberfest 20
This repository aims to cater to all users from beginners to advanced in this Hacktober'20. Everyone will surely have a take away form this. Happy Hacktober !!
Stars: ✭ 78 (-31.58%)
Mutual labels: html-css
Cool Music
项目简介
入坑 Vue 以来,一直苦没有真正的实战项目来提升自己,所以在工作之余开发了一个基于 Vue2.0+版本的音乐 WebAPP。项目构建初期也在 github 上参考了众多案例,通过学习并阅读他人的成熟代码进而提升自己,历时一个半月完成了 Cool Music 这个项目。我希望把这个项目的源代码开放出来,来帮助更多的前端爱好者们,大家共同进步,共同提升。
技术栈
- Vue 相关:Vue、Vue-router、Vue-lazyload。
- 脚手架:Vue-cli。
- 状态管理:Vuex。
- 构建工具:Webpack。
- CSS 预处理:Less。
- 移动端插件:better-scroll、fastclick。
- 数据获取:axios。
- 代码风格规范工具:ESLint。
- JavaScript 语法标准:ECMAScript 2015。
- 动画相关:create-keyframe-animation。
- 本地存储:Store.js
实现的功能
- 轮播图功能的实现。
- 歌单、歌曲列表的展现。
- 音乐的播放、暂停、快进、快退和同步歌词的实现。
- 歌手列表通讯录的实现。
- 搜索功能、热门搜索和保存历史记录功能的实现。
- 收藏歌曲,个人相关功能的实现。
- 上拉加载,页面侧滑。播放器收起和弹出等动画的实现。
构建步骤
# 安装依赖库
npm install
# 启动webpack内置服务
npm run dev
# 项目构建
npm run build
# 生产打包并查看报告
npm run build --report
项目预览
写在最后
如果大家觉得还行,能否帮忙 Star 下?
😘😘😘
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].