JavaScript脚本对LRC歌词折叠展开
作者:秋叶 发表时间:2017年6月20日
JavaScript脚本对LRC歌词折叠展开
使用场景:不同播放器对lrc歌词格式支持程度不一样,尤其是网页播放器,很多不支持不同时间唱同一句歌词,所有时间会折叠成一行的格式,这种歌词在网上很常见,然而有的时候我们不能使用折叠的歌词,那么我们就要一行一行的去拆开,放到对应的时间线。手动去拆解是一件很麻烦的事情,但我之前一直这么…
目录: 前端设计1条评论 1429次阅读
前端分页页码展示逻辑封装函数
作者:秋叶 发表时间:2017年4月21日
前端分页页码展示逻辑封装函数
这里说的分页是页码的设计分页,并不是内容的分页,内容的分页可以看这篇文章《前端实现静态分页展示内容》,这里不多讲了,前端实现内容分页不好,不好,不好。所以今天讲后端分页,但是页码由前端设计,这个页码逻辑理论上适用于前后端,就是处理用...省略页码,大概的样子如下(分为三种情况): …
目录: 前端设计标签: , 0条评论 3365次阅读
nodeJs模块formidable实现多文件上传
作者:秋叶 发表时间:2017年3月28日
nodeJs模块formidable实现多文件上传
文件上传对于网站来说意义非凡,今天来挖挖nodejs上传文件的完整功能,支持多文件批量上传以及讲解相关技术点和注意事项。 文件上传我们一般使用form表单选取文件进行上传,有两种方法实现,一种是传统意义的form表单: <form action="/upload" method="post"> <input type="file" name="myf…
目录: 前端设计标签: 4条评论 4669次阅读
Html字符串筛选提取指定节点
作者:秋叶 发表时间:2017年3月17日
Html字符串筛选提取指定节点
拿到一个字符串,而这个字符串恰好是html结构的,也就是里面有标签节点,我们要把某个id或者class的节点从中分离出来,那么怎么做呢?当然是正则匹配提取切割技术的混搭使用啦,为了方便复用我又写了一个函数,走到哪用到哪!这篇文章的标题就是《Html字符串筛选提取指定节点》。 这一招很有实用性,…
目录: 前端设计标签: 1条评论 5270次阅读
Canvas裁剪等比尺寸文章缩略图
作者:秋叶 发表时间:2017年3月11日
Canvas裁剪等比尺寸文章缩略图
通常来说,缩略图都是读取文章里面的一张大图片再通过css缩小显示,或者是后台经过处理后生成的另外一张对应的图片,这里不做讨论,我们是前端就得用前端的方法。然而图片大小不一会给前端响应式造成巨大的麻烦,关于响应式固定宽高比例前面一篇文章已经讲过一种方法《纯css自适应div高度(等比缩放)》…
目录: 前端设计标签: 4条评论 5550次阅读
纯css自适应div高度(等比缩放)
作者:秋叶 发表时间:2017年3月08日
纯css自适应div高度(等比缩放)
网页自适应宽度大家都很熟悉,设置百分比即可,但是自适应高度一直是让人头疼的事情。何为自适应高度,就是一个div我们设置了自适应宽度,在不同大小屏幕尺寸下,宽度会变化,高度也随着初始比例变化。然而实际中很多人的做法是通过js根据初始比例计算改变宽度后的高度,再应用到div上,有的甚至是直…
目录: 前端设计标签: 1条评论 5623次阅读
同域名下浏览器不同标签页利用本地存储进行通信
作者:秋叶 发表时间:2017年3月05日
同域名下浏览器不同标签页利用本地存储进行通信
解释标题的时间又到了~。 什么是“同域名下不同标签页的通信”?简单来说就是不允许【两个同一网站的页面】在【同一用户】浏览器中【同时】做相同的事情,比如页面a和页面b,两个页面都在浏览器中打开了,a在做某个事情之前怎么知道b也在做相同的事情,从而终止做这个事情的想法呢?即任务单一性。 通俗…
目录: 前端设计标签: 1条评论 5705次阅读
Js保留小数位数四舍五入不足位数添零
作者:秋叶 发表时间:2017年2月21日
Js保留小数位数四舍五入不足位数添零
这个小函数比小程序实用多了~,项目急,在网上找了一遍有没有现成的函数,没有一个中(wan)用(mei)的东西,干脆自己动手,丰衣足食了。 这个函数可以对任意数字保留自定义小数位数,保留规则是包准的四舍五入,不足位数添0替补: function round(num,digits){ if(isNaN(num)){ return "NaN"; } num…
目录: 前端设计标签: 0条评论 3244次阅读
使用Html5绘制动感音乐频谱教程
作者:秋叶 发表时间:2017年2月07日
使用Html5绘制动感音乐频谱教程
W3C为我们提供了获取Audio数据的各种API,借助这些API我们能获取到每时每帧的动态数据,有了数据我们就可以尽所能发挥想象力创造所有你能想象的东西,给自己来一场视觉盛宴,加上Html5的canvas舞台,完全可以比flash更具有惊艳的效果哦。 [raw] #page473_canvas{ background: black; border-bottom: 1…
目录: 前端设计标签: 5条评论 5650次阅读
Js、Css3仿手机QQ资料个性名片标签特效
作者:秋叶 发表时间:2017年1月20日
Js、Css3仿手机QQ资料个性名片标签特效
有心的人会注意到手机QQ个人资料卡印象标签页非常精致美观,我看到后心动了,决定心动不如行动,于是用网页高仿出一个web页面,效果基本类似,转念一想,这东西不仅好玩,也可以用作投票页面,以前的选项投票可以换成这种极具交互效果的实现。,哈哈哈,要的直接拿去,注意注明出处,写个页面不容易啊…
目录: 前端设计标签: 2条评论 4689次阅读