JavaScript实时监听歌曲播放进度显示对应歌词
vue

JavaScript实时监听歌曲播放进度显示对应歌词

前言 在之前我就想试试在线的音乐播放器的制作,昨晚动手实现了播放音乐的歌词实时对应显示的组件,下面就来看看其中的解析原理。 正文 这里我以李玉刚的《刚好遇见你》为例,首先我们需要获取到音频文件以及歌词的lrc内容,lrc歌词文件内容如下: 现在对其歌词进行解析,歌词的解析写法参考了js解析...
阅读全文
Vue按钮插件Flash-Button正式版1.1.0发布
vue

Vue按钮插件Flash-Button正式版1.1.0发布

前言 去年,我写了一篇关于在WordPress中定义闪光的教程-《纯CSS闪光按钮部署到WordPress短代码教程》,由于最近前端的开发都是使用的Vue,于是突发奇想开发一个Vue按钮插件,所以就有了Flash-Button。 使用方法 添加组件 引入 使用 项目地址 Github:ht...
阅读全文
Vue项目在IE下警告“ReferenceError:‘Promise’未定义”
vue

Vue项目在IE下警告“ReferenceError:‘Promise’未定义”

前言 最近在做项目的时候,用Vue构建的项目,但是在IE的模式下是一个空白页,打开控制台警告“ReferenceError:‘Promise’未定义”,于是就上网寻找了一下解决办法,其原因主要是ie9和一些低版本的高级浏览器对es6新语法并不支持,所以我们需要靠babel-polyfill...
阅读全文
Vue中通过render添加的元素实现伪双向绑定功能
vue

Vue中通过render添加的元素实现伪双向绑定功能

前言 在Vue中通过render方式添加的组件的数据是无法和父类的数据实现双向绑定的,但是业务需求必须要实现这样的效果,所以这个时候我们只有通过设置事件等方式来实现类似于这样的效果。 正文 在iView中,例如有如下的表格: 其数据如下: 在表格中有一列合格选择项,需要下拉列表,故colu...
阅读全文
JavaScript之基础语法案例展示
JavaScript

JavaScript之基础语法案例展示

前言 在之前的学习中,都是学习的Jquery,当然在之前的开发中,也学习了JS,其中包括JS的一些比较有用的函数,例如Trim等等,以及Js&Jq的Ajax,另外也学习了Pjax。 这周回到了学校老师讲了一下JavaScript的基础入门,在之前的选择器等等一直都是用的Jq的,原因大家都知...
阅读全文
Pjax无刷新加载页面基础示例
HTML

Pjax无刷新加载页面基础示例

前言 今天浏览了一些精美的前端页面,然后看见有些页面运用了Pjax,让整个页面加载很快。之前很久就想去看看Pjax是怎么实现的了,今天就去了解了一下,然后懂得了他的运行原理。下面就来分享一下。 运行原理 在两个不同的页面,把内容放在同一个容器当中,然后绑定本页的所有a标签,然后替换旧的容器...
阅读全文
CSS自定义浏览器滚动条样式
CSS

CSS自定义浏览器滚动条样式

前言 最近在使用Chrome浏览器访问QQ会员的官网时候发现网站的浏览器默认侧边滚动栏变成了如下图所示的样式,后来上网去查询了一下,然后得知该样式是可以通过CSS来设计的,于是就是自己捣鼓了一下。 该样式仅限于Chromium内核的浏览器,比如谷歌浏览器、QQ浏览器、360浏览器等等,非C...
阅读全文
本站底部蒲公英飘动特效分享
CSS

本站底部蒲公英飘动特效分享

前言 眼尖的你使用宽度大于800PX的设备访问本站的时候,肯定发现了本站左侧底部的蒲公英飘动,这个特效是不是很有感觉,带给你夏至将去,秋风将来的感觉。如果你喜欢也可以给自己的博客DIY上这个特效。 代码 请下载图片附件,然后将代码中的“图片地址”改成图片对应URL。 附件下载 http:/...
阅读全文
瓦客云音乐源码打包分享
HTML

瓦客云音乐源码打包分享

前言 这个源码在这之前有好几个人找我分享,然后都分享给了他们,一个一个的发有点麻烦,我索性就直接分享在博客里面,大家可以免费下载使用,这个音乐源码还是挺炫酷的,里面的音乐可以在index.html里面替换。觉得可以的话不妨在下方评论留下你的足迹。 演示地址 点击进入瓦客云音乐 下载 htt...
阅读全文