进入我的博客

这里有您在其他地方看不到的web前端方面的技术、知识及资源

这里有您在其他地方看不到的web前端方面的技术、知识及资源
it's my whole life!

我的微码

12个微码

RGB,HEX,HSL以及关键字颜色相互转换方法

2017-09-19 23:16

共5个方法,都整在一起了,注意区分,然后有的是字面量方法,有的是原型方法,我懒得统一了。

详细内容 »

时间戳显示为多少分钟前,多少天前的JS处理

2017-09-13 14:20

方法名为dateDiff,支持一个参数timestamp,必须参数,本方法会自动补全为和JS侧支持的13位数值(因为后端返回时间戳可能只精确到秒)。

详细内容 »

时间戳转换成格式化日期JS

2017-09-13 13:59

timestamp缺省表示使用当前时间戳,formats默认格式是Y-m-d,例如2018-01-01。

详细内容 »

retina视网膜屏幕CSS @media规则查询语句

2017-05-23 13:46

千锤万凿出深山, 烈火焚烧若等闲。

详细内容 »

键盘可访问性之focus显示的下拉或浮层的索引和回车支持

2017-04-23 20:27

当我们使用CSS :focus或者JS的focus事件让下拉或浮层元素显示的时候,下拉或浮层元素里面的链接、按钮之类的不方便使用键盘进行访问,而此脚本就是解决这种需求的。兼容IE9+,原生JS编写无依赖。高品质项目必备脚本。

详细内容 »

原生JS表单序列化

2017-03-04 12:00

主要用在移动端,不使用zepto或者jquery之类JS库的场景,尚未严格测试,基本功能足够满足。

详细内容 »

移动端基于vw和rem的根字号大小设置CSS代码

2017-03-04 11:59

跟字号大小和设备宽度实时关联。 百分比字号和像素字号同时存在是为了兼容所有浏览器,貌似Safari对像素字号支持有些小问题,而IE对百分比字号支持有些问题。

详细内容 »

按钮加一个类名自动变菊花loading状态无图片版

2017-03-04 11:55

按钮加一个类名自动变菊花loading状态无图片版,使用便捷,效果好,开销小,CSS3动画旋转,IE10+和其它现代浏览器支持

详细内容 »

IE10,IE11等不支持CSS灰度滤镜的SVG兼容

2017-03-04 10:23

本渐进处理只适用于图片。如果要兼容文字,需要使用元素,非这里的元素,具体参见SVG教程。 可以IE10,IE11等不支持CSS 灰度滤镜的SVG兼容。高斯模糊等滤镜效果,也是类似的原理。 其中,image参数,可以是DOM对象,也可以是DOMList,也可以是jQuery包装器集合。表示,需要灰度的图片和图片们。

详细内容 »

一行JavaScript代码判断浏览器是否支持webP

2017-03-04 10:08

!![].map主要是判断是否是IE9+,以免toDataURL方法会挂掉。如果你直接对数组原型扩展了map方法,则需要使用!![].map以外的方法进行判断,例如!!window.addEventListener等。

详细内容 »

上一页12下一页

搜索微码

分类查看

抱歉,服务器忙,未能成功提交,稍后重试。

Designed & Powerd by zhangxinxu
Copyright© 2009-2018 张鑫旭-鑫空间-鑫生活
鄂ICP备09015569号