黑客

摘要： transition的优点在于简单易用，但是它有几个很大的局限。 （1）transition需要事件触发，所以没法在网页加载时自动发生。 （2）transition是一次性的，不能重复发生，除非一再触发。 （3）transition只能定义开始状态和结束状态，不能定义中间状态，也就是说只有两个状态。 阅读全文

摘要： 1、原理：先创建一张img图片，用filter滤镜制作毛玻璃效果。 2、利用绝对定位，使canvas刚好盖在img上面。 3、利用canvas原生clip函数剪辑一个圆形。 地址：http://sandbox.runjs.cn/show/c3mlltak 源代码： 阅读全文

摘要： 我们知道网页中使用中文字体最好用其对应的英文名称，这样可以避免出现编码问题导致样式中的中文名称出现乱码，从而不识别。下面是网页中常用的中文字体所对应的英文名称。留着，不用翻资料了 PS:css字体降级写法：(越靠前权重越大) 阅读全文

摘要： 官网：http://font-spider.org/ 安装字蛛需要先安装node。 先安装好 NodeJS，然后执行： 构建插件：grunt-font-spider | gulp-font-spider 在 CSS 中使用 WebFont： 1. @font-face 中的 src 定义的 .ttf 阅读全文

摘要： 总结之后的Cursor的各种效果： http://sandbox.runjs.cn/show/bbwoyn0c http://css-cursor.techstream.org/ 源代码如下： 阅读全文

摘要： /** * 1、找出数字数组中最大的元素（使用Math.max函数） 2、转化一个数字数组为function数组（每个function都弹出相应的数字） 3、给object数组进行排序（排序条件是每个元素对象的属性个数） 4、利用JavaScript打印出Fibonacci数（不使用全局变量） 5、实现如下语法的功能：var a = (5).plus(3).minus(6); //2 6、实现... 阅读全文

摘要： //浅复制:实现基本类型的复制没有问题，但是复制的是引用类型的话，则修改child将会修改parent function extend(parent,child){ var child = child || {}, i; for(i in parent){ if(parent.hasOwnProperty(i)){ chil... 阅读全文

摘要： 1、给所有的元素添加outline（不影响布局）： 2、获取元素的样式： 3、比typeof运算符更准确的类型判断函数 4、在上面这个type函数的基础上，还可以加上专门判断某种类型数据的方法(Firefox 和Chrome 的Array 类型都有forEach的函数): 显示FPS： 各种浏览器版 阅读全文

摘要： http://www.w3cplus.com/tools/dev-tips.html 一、Sources 面板介绍： Sources 面板分为左中右 3 部分左：Sources 当前页面加载的资源列表，Content scripts 是在 Web 页面内运行的 js 脚本资源列表，同常是开发调试插件 阅读全文

摘要： 说是工具其实只是一段 Javascript 代码，但非常实用，它会给页面里所有的 DOM 元素添加一个 1px 的描边（outline），方便我们在调试 CSS 过程中分析、排查问题。 先来看看代码，它有两个版本，一个是使用的$$选择器，代码量更少（浏览器控制台支持 $$ 选择器）；另一种就是传统的 阅读全文