vue-music

iOS程序员学习Vue实战

过了一遍官网之后就开始想实战了，从网上查了资料正好看到黄轶大神的vue-music，于是就开始仿写了。。。
davisjy·2023-12-03 03:20

vue-music（20）点击播放及当前博凡歌曲在列表中的显示的实现

给当前播放的歌曲添加一个classgetActivatyCls(item){if(this.currentSong.id===item.id){//当前播放是选中的歌曲return'icon-play'//显示这个class}},在列表中添加点击事件：selectItem(item,index){if(this.mode===playMode.random){//如果当前模式是随机播放index=
望天一方·2022-12-04 19:43

数组乱序---洗牌算法

我曾在写我的vue-music的时候,切换随机播放，就需要用到使用数组乱序，然后学习了一下，总结如下洗牌算法：shuffle深度打乱1.倒序循环这个数组2.取范围从0到i的随机索引j3.i与j位置交换4
soupJian前端养成记·2022-08-19 18:02

2018-10-18 vue-music 项目移动端不能播放歌曲的解决方案

步骤一：卸载vue和vue-template-compilernpmuninstallvuevue-template-compiler步骤一：安装2.4.1版本的vue和vue-template-compiler【vue和vue-template-compiler的版本号必须一致】[email protected]@2.4.1--s
Qeuu·2022-02-17 20:49

Vue全新技术栈重构黄老师饿了么商家应用总结

在这之前除了使用Vue做过vue-music的移动端音乐播放器项目和vue-byte
a2c370515a15·2021-01-29 16:20

Vue全新技术栈重构黄老师饿了么商家应用总结

在这之前除了使用Vue做过vue-music的移动端音乐播放器项目和vue-byte
konglingwen94·2021-01-13 20:39

Vue全新技术栈重构黄老师饿了么商家应用总结

在这之前除了使用Vue做过vue-music的移动端音乐播放器项目和vue-byte
konglingwen94·2021-01-13 20:37

【音乐App】—— Vue-music 项目学习笔记：推荐页面开发

【音乐App】——Vue-music项目学习笔记：推荐页面开发前言：以下内容均为学习慕课网高级实战课程的实践爬坑笔记。上一篇总结了项目概述、项目准备、页面骨架搭建。这一篇重点梳理推荐页面开发。
柳柳Elena·2020-09-13 19:14

记录vue-music项目开发过程

vue-cli安装请看上一篇文章；脚手架搭建如下：cdvue-music-->cnpminstall-->cnpmrundev自动打开如下页面：如果在编辑器中运行npmrundev报错，请检查你的node.js版本以及端口是否被占用由于使用stylus预处理样式，webpack没有自动补齐package.json关于stylus配置信息，需要手动填写。关于stylus请转移：www.jianshu
Wong巴卫·2020-08-23 17:26

vue2.0 可折叠列表 v-for循环展示

今天在这个项目https://github.com/IFmiss/vue-music上看到操作很简单，并没有如此复杂。
qq_27717857·2020-08-22 17:14

vue-music实现轮播无缝滚动better-scroll

最近在写一个基于vue2.0的移动端音乐项目，昨天写到了首页的轮播图部分，跟着视频教程写的，没想到最后却出现了一大堆错误，并且都是视频中所没有的，自己思考了很久，也不知道是怎么回事，今天早上开机之后，百度发现，原来是better-scroll的版本为题，视频中用的是老版本"better-scroll":"^0.1.15"，而我npm安装的是新版本"better-scroll":"^1.15.2",
samllplum·2020-08-22 13:05

【音乐App】—— Vue-music 项目学习笔记：歌手详情页开发

【音乐App】——Vue-music项目学习笔记：歌手详情页开发前言：以下内容均为学习慕课网高级实战课程的实践爬坑笔记。
柳柳Elena·2020-08-21 15:50

vue-music使用后端代理请求歌单数据接口详解

在获取歌单数据的时候，我们发现用jsonp获取接口的时候会报错，这是为什么呢？原因是qq音乐在请求头里面加了authority和refer等，如果我们通过jsonp实现跨域来请求数据的话是根本不能够修改请求头的，如果要使用axios直接进行跨域访问是不可以的，这时候我们可以进行后端接口代理，客户端请求服务端的数据是存在跨域问题的，而服务器和服务器之间可以相互请求数据，是没有跨域的概念（如果服务器没
samllplum·2020-08-12 17:46

vue-music 跨域获取QQ音乐歌单接口

最近在看vue音乐APP视频学习,需要跨域获取歌单数据，视频中老师是在build/dev-server.js文件配置跨域接口的，但是新版的vue-cli是没有这个文件的，我的vue版本是"2.5.2"，网上参考了反向代理的方法实现了跨域，觉得很有用，分享一下：歌单url：https://y.qq.com/portal/playlist.html旧版本目录结构如下相关配置文件如下：varaxios=
dhyjr20804·2020-08-12 16:13

vue-music（1）音乐播发器 项目开发记录

Vue-Music跟学一个网课老师做的仿原生音乐APP跟学的笔记，记录点滴，也希望对学习vue初学小伙伴有点帮助一|前期工作1.项目初始化npminstall-gvue-clivueinitwebpackvue-musicnpminstallstylusstylus-loader-D
weixin_33766805·2020-08-06 10:22

vue-music（17）删除一条历史记录和全部记录

这里的删除需要改变两部分1：state里的数据2：localStorage的数据所以还需要在cache里面封装方法//下面是deleteSearchOne的实现exportfunctiondeleteSearch(query){letsearches=storage.get(SEARCH_KEY,[])//上面查看当前存储空间的情况，如果没有，就是一个空数组//删除逻辑：最大15条，每条放前面，重
望天一方·2020-07-13 20:50

vue-music：歌词获取并解析为json

播放器歌词数据需要从qq官网上抓取，打开qq音乐任意一首歌曲的播放页面,在chrome的Network中搜索lyric,即获取歌词的接口1.配置接口qq对接口进行了安全控制，在devserver中模拟请求头等从而避开在config文件夹中index.js文件中，配置proxyTableproxyTable:{//target:真实请求的值//bypass:对应的函数是请求之前可以进行的操作//re
weixin_34384915·2020-07-12 10:59

Vue 2.0 华丽的音乐搜索播放 Demo

一边写了个音乐搜索播放的小网页（手机版），资源来自QQ音乐先上链接查看在线Demo(在大屏手机上效果最好)http://sioxas.github.io/Github地址https://github.com/Sioxas/vue-music
666623333哈哈哈哈·2020-03-15 06:07

05.vue.2.X开发音乐App-推荐页面之热门歌单

github:https://github.com/Ching-Lee/vue-music热门歌单1.首先分析后台数据接口还是slider相同的数据接口，我们需要的数据在songList中我们将拿到的后台数据赋值给
Ching_Lee·2020-02-26 13:49

03.vue.2.X开发音乐App--框架搭建

https://github.com/Ching-Lee/vue-music1.创建项目1.1参考01节完成node.js及vue脚本架开发环境的基本配置1.2进入到创建项目的目录下，使用vue-cli创建vue-music
Ching_Lee·2020-02-17 08:36

Vue实现Web项目基本流程

人生苦短我用python开始愉快的享(代)受(码)时间:image不说话就是干上流程一.Windows终端安装脚手架(先确保电脑已安装node.js)二.初始化项目(项目名为vue-music)注意:初始化项目中会要求输入相关选项
酷酷的图图·2020-02-14 04:18

Vue-music学习笔记（1）

Vue-Music项目展示一|前期工作1.项目初始化npminstall-gvue-clivueinitwebpackvue-musicnpminstallstylusstylus-loader-D修改
noobakong·2019-12-31 22:00

vue-music 项目里面的lyric-parser解析歌词

image.png安装npminstalllyric-parser用法letlyric=newLyric(lyricStr,handler)functionhanlder({lineNum,txt}){//thishanldercalledwhenlineNumchange}API//播放歌词play()//暂停歌词stop()//歌词跳转seek(startTime)//切换播放/暂停状态tog
阳光之城alt·2019-12-12 06:31

将Vue项目git到码云上

vue-music':'/',}使用命令行打包
李昂李三光·2019-04-21 09:22

vue-music QQ音乐获取Vkey方法

方法一###(有点问题)利用axios伪造，抓取的网页版qq音乐的接口，但这个接口有瑕疵...能获取到Vkey，但不是每一首歌曲都能正常播放...后来发现网页版音乐中每个歌曲的播放地址的域名不是都一样的，不能播放的歌曲有可能是这个接口不对...还没找到解决办法http://isure.stream.qqmusic.q...song.jsexportfunctioncreateSong(musicD
李美丽·2019-03-25 00:00

【音乐App】—— Vue-music 项目学习笔记：歌单及排行榜开发

【音乐App】——Vue-music项目学习笔记：歌单及排行榜开发前言：以下内容均为学习慕课网高级实战课程的实践爬坑笔记。
柳柳Elena·2018-12-24 16:00

vue-music 使用better-scroll遇到轮播图不能自动轮播问题

根据vue-music视频中slider组建的使用，当安装新版本的better-scroll，轮播组件，不能正常轮播这是因为，better-scroll发布新版本之后，参数设置发生改变这是旧版本：组件为
shengnan_2017·2018-12-03 14:13

vue2.0 可折叠列表 v-for循环展示的实例

今天在这个项目https://github.com/IFmiss/vue-music上看到操作很简单，并没有如此复杂。
qq_27717857·2018-09-07 11:10

vue-music（1）音乐播发器 项目开发记录

Vue-Music跟学一个网课老师做的仿原生音乐APP跟学的笔记，记录点滴，也希望对学习vue初学小伙伴有点帮助一|前期工作1.项目初始化npminstall-gvue-clivueinitwebpackvue-musicnpminstallstylusstylus-loader-D
noobakong·2018-08-25 00:00

用Vue做一个音乐app

文章目录vue-music简介实现的功能截屏演示移动端演示项目代码构建Tip详细为什么写这个项目获取教程vue-music基于Vue包括音乐推荐、搜索、播放、榜单、收藏欢迎体验：https://neveryu.github.io
Never Yu丶·2018-05-02 17:25

vue-music 移动端不能播放歌曲的解决方案

文章目录vue-music项目移动端不能播放歌曲的解决方案vue-music项目移动端不能播放歌曲的解决方案步骤一卸载vue和vue-template-compilernpmuninstallvuevue-template-compiler
Never Yu丶·2018-04-27 18:04

Vue.js之构建项目初始步骤（二）

/src/main.js解决方案：在这个路径文件夹下：D:\Django\Vue_Project\vue-music\build\webpack.base.co
Quincy379·2018-03-06 11:34

vue-music关于Player播放器组件详解

本文实例为大家分享了关于Player播放器组件的具体内容，供大家参考，具体内容如下迷你播放器：1.播放器组件会在各个页面的情况下会打开。首先在vuexstate.js中定义全局的播放器状态import{playMode}from'common/js/config.js';conststate={singer:{},playing:false,//是否播放fullScreen:false,//是否全
ankle·2017-11-28 11:00

vue-music 关于Player （播放器组件）--播放和进度条

迷你播放器1.播放器组件会在各个页面的情况下会打开。首先在vuexstate.js中定义全局的播放器状态import{playMode}from'common/js/config.js';conststate={singer:{},playing:false,//是否播放fullScreen:false,//是否全屏playList:[],//播放列表sequenceList:[],//非顺序播放
ankle·2017-11-28 11:00

Vue-music 小知识点

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法Object.assign(target,...sources)具体请参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign数组的空位数组的空位指
壹点微尘·2017-10-11 21:18
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他