问题:当mini播放器出现的时候,我们发现底部滚动有一部分隐藏了,在推荐页面(recommment.vue),歌手页面(singer.vue),歌曲列表页面(musiclist.vue)中出现上述情况。解决:当我们弹出m…
标签:vue.js教程
vue-music:歌词的其他功能
由于歌词的播放需要歌曲播放,切换歌曲,歌曲的播放模式等等有关联,因此,需要在这几处处理相关问题 1.循环播放回不到开始位置 loop() { //重置播放时间:0 this.$refs.audio.currentTime…
vue-music:歌词和cd切换
**在播放器CD的界面,向左划动则会出现歌词,在歌词界面,向右滑动则会初心CD界面下面是实现这个功能的相关逻辑代码:** 移动端touch事件 定义公共数据this.touch 移动transform translate…
vue-music:歌词高亮滚动
需求:获取歌词后,按照UI设计,歌词高亮滚动,同时,当滚动到index=5的时候,不再向下滚动,直接高亮 1.html部分 歌词滚动:scroll组件 高亮显示当前歌词:currentLineNum设置一个class &…
Vue—事件修饰符
Vue事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。 Vue.js通过由点 (.)…
Vue 2.0 项目在IE下显示空白
新写的项目在 IE浏览器显示空白 解释一: Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、S…
学习Vue.js-Day3.1
定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同: 模块化: 是从代码…
vue2.0的基本特性
本文目前总结的特性如下1.侦听属性和计算属性2.class的绑定3.条件渲染时的注意事项4.v-if和v-for同时使用的注意事项5.插槽6.ref,父组件调用子组件的另一种方式7.<keep-alive>标…
vue-music:歌词获取并解析为json
播放器歌词数据需要从qq官网上抓取,打开qq音乐任意一首歌曲的播放页面,在chrome的Network中搜索lyric,即获取歌词的接口 1. 配置接口 qq对接口进行了安全控制,在devserver中模拟请求头等从而避…
vue实现滚动监听,点击瞄点平滑滚动,控制内嵌滚动条滚动
滚动效果 当页面滑动时,左边导航栏会自动定位到当前标题,一级标题展开,二级标题的字体变红色,字体前面有一个小图标。 上图。。。。。。。。。。。 Html代码 <template> <div id="no…
vue3.0的变化
9月30日,尤雨溪在medium个人博客上发布了vue3.0的开发思路,国内有翻译的版本,见文章最后的参考链接。3.0带了了很大的变化,他讲了一些改进的思路以及整个开发流程的规划。 vue3.0的改进思路 vue最主要的…
vue中的计算属性和侦听器
计算属性概念 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ message.split('').…