![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
孤鸿倚清秋
这个作者很懒,什么都没留下…
展开
-
简单的点击空白处(弹窗主要内容外)关闭弹窗功能
一些方法是通过监听鼠标事件判断点击区域与目标区域是否一致来实现的,其实我们只需要在弹窗内容部分阻止点击事件冒泡就可以了。<template> <div> <button @click="show=true" class="btn">点击打开弹窗</button> <!--弹窗背景蒙版--> <div class="pop-bg" v-if="show" @click="show=false">原创 2020-06-24 15:53:37 · 1680 阅读 · 0 评论 -
Vue+Vuex+Element-ui实现歌曲播放控件、播放列表功能
写在前面:根据思路写代码和写文章的区别还是挺大的,后者更多需要的是一个总结表述的能力,以及需要判断文章中呈现的东西是否有价值。做笔记和写博客同样是在记录,而博客还承担了一个供别人浏览的职能,所以如何把自己的逻辑表达得让大众都能理解,也是一个值得研究的地方。由于个人技术的影响,文章中可能会出现一些错误,小到格式排版,大到逻辑错误都正常,所以写博客的原因主要是:帮助重新梳理自己的逻辑,记录自己的学习过程希望能与更多伙伴进行技术上的交流,如果还能大佬指出问题或提一些建议,那就是赚到如果还能帮到一些可能原创 2020-05-24 02:02:17 · 5004 阅读 · 5 评论 -
VUE获取网易云音乐接口,并实现歌词滚动效果
VUE获取网易云音乐接口,并实现歌词滚动效果最近在捣腾个人博客,加了个播放音乐的模块,所以在这里记录一下歌曲播放歌词实时滚动效果的实现,顺便总结加深一下对各个知识点的理解。GitHub地址演示地址功能还没开发完全,当前部分可通过导航栏进入到音乐模块,并点击如下歌手图进入。先放一下效果图吧这里主要有两个组件:歌曲信息组件和歌曲控制组件,歌曲控制组件还没有完善,这里主要记录一下歌曲信息组件的实现歌曲信息组件这一部分主要是歌曲列表和当前歌曲信息1、歌曲列表实现在这之前,关于网易云音乐接口的原创 2020-05-22 00:15:22 · 9768 阅读 · 5 评论