进入我的博客

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

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

我的微码

9个微码

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等。

详细内容 »

字符点点点loading效果

2017-03-03 00:12

html使用示意:订单提交中<dot>...</dot>

详细内容 »

滚动条出现页面不晃动的终极处理

2017-03-03 00:06

特别适合居中布局。如果是全屏布局,右侧需要留有一定的距离,例如20px,否则可能会出现内容被滚动条覆盖的情况。

详细内容 »

上一页1下一页

搜索微码

分类查看

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

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