前言：以下内容均为学习慕课网高级实战课程的实践爬坑笔记。项目github地址：https://github.com/66Web/ljq_vue_music，欢迎Star。歌曲列表歌曲播放一、子路由配置以及转场动画实现components->singer-detail目录下：创建singer-detai.vueroute->index.js中：引入并配置Singer子路由SingerDe
vue vue-router vuex vue/cli typescript 高仿网易云音乐实现代码全方位解析前言: vue全家桶 + TypeScript 构建一款移动端音乐webApp 项目的笔记项目源码地址 （https://github.com/lang1427/vue-typescript-music）涉及功
做音乐播放器，界面一定要炫酷。太low了听歌没感觉。本身是为了在上班的时候用，于是做成了一个类似网易云音乐的界面，大小合适。不用兼容手机端。用css做图标本怀着简单实用的需求去考虑，图标可用SVG、url或者css。相对于url，SVG和css更好一些。为了修炼，最终选择的css。利用好after和before，能减少很多dom嵌套。.next {
position: re
Vue-mmPlayer：一款高效易用的Vue音乐播放器组件项目地址:https://gitcode.com/maomao1996/Vue-mmPlayerVue-mmPlayer 是一个基于Vue.js开发的轻量级音乐播放器组件，专为Web开发者设计，旨在帮助他们轻松地在项目中集成音乐播放功能。该项目以简洁、灵活和高度可定制性为核心，提供丰富的API和事件，使得在各种应用场景中都能游刃有余。技术
# Vue 根据 URL 选取不同的域名 axios
在开发Web应用程序时，我们经常会遇到需要根据不同的URL选择不同的域名来发送请求的情况。例如，在开发环境和生产环境下使用不同的后端API域名。在Vue.js中，我们可以通过使用axios库和vue-router来实现这一功能。
## axios简介
axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js。它可以让
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因，所以可能多人访问的时候有些东西会加
转载
2020-04-29 11:59:00
344阅读
2评论
# Spring Boot + Vue 音乐项目实战指南
在这篇文章中，我将引导你完成一个简单的音乐项目，利用 Spring Boot 作为后端服务和 Vue.js 作为前端框架。我们会遵循以下步骤：[项目初始化、后端开发、前端开发、集成测试、部署]。
## 步骤流程
| 步骤 | 描述 |
|-
一.安装依赖yarn add vue-aplayer or`npm i vue-aplayer二.使用
原创
2021-06-03 20:09:34
1335阅读
今天，我们来实现播放器首页的 排行榜页面 的开发，也就是 src\components\Rank.vue ,效果截图： 主要分析要点：1、Vuex模块化2、CSS屏幕自适应——@media screen3、overflow CSS处理文本溢出4、absolute 绝对定位 页面的图片、排行榜名称、歌曲等信息，来自QQ音乐的数据接口，我们用 vue-resource
效果 实现Vue Router 官方文档https://router.vuejs.org/zh/guide/用 Vue.js + Vue Router
原创
2023-05-16 22:18:00
78阅读
在 webpack.dev.config.js中 在请求金封装的接口中
原创
2022-04-21 14:07:49
465阅读
效果图： html页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ...
转载
2021-07-21 21:13:00
893阅读
2评论
掘金上面已经有很多播放器的实现了。这次造轮子主要是刻意练习吧，主要根据ustbhuangyi.com/music/的UI和流程实现。稍微查了下这个对应网课价格是399。。。目前只是粗略实现了主要的UI部分，数据部分都是本地的Mock数据。具体源码请戳github。技术栈使用了vue2.x, typescript, vue-router, swiper,better-scroll。vue2.x： M
转载
2021-01-28 20:36:59
1203阅读
2评论
1 首先建一个文件夹 放几首歌曲 2 看代码 1）基本版本 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>音乐播放器</title> <meta name="viewport" content="wi
原创
2021-07-30 11:38:40
382阅读
1.初始化vue，vue-cli，webpack:$ vue init webpack vue-music? Project name (vue-music)? Project description (A Vue.js project) 音乐播放器? Author (Spock <372842848@qq.com>)? Vue build standalone? Inst...
原创
2021-11-30 16:15:53
723阅读
在index.html的body标签后加入<!--sound--><audio id="SGsound-scan-success" src="./static/sound/scan-success.mp3" webkit-playsinline="true" playsinline="true" preload></audio><audio i...
原创
2022-03-01 23:21:07
236阅读
前言浅浅记录一下自己开发音乐播放器的历程，巩固自己的所学。同时也是深感基础不牢，地动山摇。一、audio标签的使用1、Audio 对象属性属性描述audioTracks返回表示可用音频轨道的 AudioTrackList 对象。autoplay设置或返回是否在就绪（加载完成）后随即播放音频。buffered返回表示音频已缓冲部分的 TimeRanges 对象。controller返回表
原创
2022-10-30 22:05:51
583阅读
