摘要:
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 过程中分析、排查问题。 先来看看代码,它有两个版本,一个是使用的$$选择器,代码量更少(浏览器控制台支持 $$ 选择器);另一种就是传统的 阅读全文