简介
一组CSS3实现的Loading加载图标，很简单漂亮，对于不支持的浏览器也可以方便的Fallback
效果预览
在线预览
http://xuanfengge.com/demo/201409/SpinKit-master/
图片效果
jQuery方向感知动画-图片聚焦框
前言
分享一段创意相册交互：透明层聚焦框跟随鼠标在相册的图片上移动，聚焦框跟随图片大小改变形状，利用CSS3实现渐变透明效果，大方美观。
效果预览
2014/09
20 周六
Fiddler显示IP的设置方法
前言
由于web前端在多个环境中开发，需要经常更换host，而设置host之后会出现延迟的情况，怎么知道现在访问的域名时指向哪个服务器IP的呢？下面介绍通过对抓包工具Fiddler的设置，让请求显示服务器IP信息，方法很简单。
操作
- 快捷键Ctrl+R 或者 菜单->Rules->Customize Rules…
2014/09
10 周三
JS生成随机的由字母数字组合的字符串
前言
最近有个需求，是需要生成3-32位长度的字母数字组合的随机字符串，另一个是生成43位随机字符串。
方法一
奇妙的写法
|
1 |
Math.random().toString(36).substr(2); |
输出结果
解释
很有意思，研究了一下，基本上toString后的参数规定可以是2-36之间的任意整数，不写的话默认是10（也就是十进制），此时返回的值就是那个随机数。
- 若是偶数，返回的数值字符串都是短的，若是奇数，则返回的将是一个很大长度的表示值。
- 若<10 则都是数字组成，>10 才会包含字母。
所以如果想得到一长串的随机字符，则需使用一个 > 10 且是奇数的参数，另外根据长度自行使用slice(2,n)截取！
方法二
这个倒是有很多的实现方法，由于上一种写法不太符合需求所以写了下一种，欢迎拍砖。 查看全文
2014/08
30 周六