今天在前端观察上看到了《-webkit-filter是神马？》，感觉特别有意思，具体关于CSS Filter可以看Filter Effects 1.0,以及 filter功能，Webkit率先支持了这几个功能，效果非常赞+10086！
支持的效果有：
Chrome 18.0.976.0以上版本看这个demo：
http://www.css88.com/html5-demo/-webkit-filter/index.html 或 （翻墙）http://html5-demos.appspot.com/static/css/filters/index.html
javascript是一门神奇的语言，这没神奇的语言中有一个神奇的加操作符。
常用的加操作符我们可以用来做：
高级一点的还有“+=”，也是做以上两种操作的。
昨天在javascript丛林群里问了问题：怎么把“2000-09-11 19:22”这个日期格式字符串转换成毫秒数？
斩梦人天天马上回答我： +new Date(’2000-09-11 19:22′)，试了一下不行，正确的应该是+new Date(’2000/09/11 19:22′)。
答案似乎已经不重要了，你看这前面有个加操作符，说实话这种写法以前真没见过。神奇的javascript中的加操作符，还有非常神奇的作用，转换数据类型，一般是字符串和数值的转换，例如，javascript丛林网友jason给的例子：
// 16进制转换:
+”0xFF”; // -> 255// 获取当前的时间戳,相当于`new Date().getTime()`:
+new Date();// 比 parseFloat()/parseInt()更加安全的解析字符串
parseInt(“1,000″); // -> 1, not 1000
+”1,000″; // -> NaN, much better for testing user input
parseInt(“010″); // -> 8, because of the octal literal prefix
+”010″; // -> 10, `Number()` doesn’t parse octal literals
//一些简单的缩写比如： if (someVar === null) {someVar = 0};
+null; // -> 0;// 布尔型转换为整型
+true; // -> 1;
+false; // -> 0;//其他:
+”1e10″; // -> 10000000000
+”1e-4″; // -> 0.0001
+”-12″; // -> -12：
当然还有数字加空字符串的操作就可以将数字转化为字符串，例如： alert( typeof (1+”")); // ->string；
另外附送一个将字符串转化为数字的减操作符，例如： alert( typeof (“123″-0));//->number；
当然对于加操作符可能还有未知一些使用特性，欢迎留言补充！谢谢斩梦人天天，谢谢jason，谢谢javascript丛林的其他网友。
总结一下：
1. 新的Doctype
尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染
2. Figure元素
用<figure>和<figcaption>来语义化地表示带标题的图片
<figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure>
animate.css 是提供炫酷，有趣，跨浏览器css3动画的网站，你可以在高级项目中使用这些效果，为高级浏览器用户提供更好的交互体验。动画效果包括强调突出，滑块，淡入淡出，放大缩小等等。你也可以结合jQuery一起使用，例如$(‘.bouncy’).addClass(‘bounceInDown’);
Underscore 一个非常实用的JavaScript库，提供许多编程功能的支持，就像你期望 Prototype.js (或者 Ruby), 有这些功能且不扩展任何JavaScript的原生对象。有函数式编程的风格，还支持链式调用。主要涉及对Collection、Object、Array、Function的操作，还有一些实用方法。可以说是写JavaScript程序的必用类库。
Underscore.js Version (1.2.3) 中文文档：http://www.css88.com/doc/underscore/
注：Collections和Functions翻译来自http://wangjianjun.github.com/underscore/underscore.html
Underscore.js Version (1.2.3) 源码解析：http://www.css88.com/doc/underscore/docs/underscore.html
Underscore.js 测试：
http://www.css88.com/doc/underscore/test/test.html
http://www.css88.com/doc/underscore/test/temp_tests.html
SeaJS 是由玉伯开发的一个遵循 CommonJS 规范的模块加载框架，可用来轻松愉悦地加载任意 JavaScript 模块和css模块样式。SeaJS非常小巧，小巧在于压缩和gzip后体积只有4K,而且接口和方法也非常少，SeaJS 就两个核心：模块定义和 模块的加载及依赖关系。SeaJS非常强大，SeaJS可以加载任意 JavaScript 模块和css模块样式，SeaJS会保证你在使用一个模块时,已经将所依赖的其他模块载入到脚本运行环境中。玉伯的说法，SeaJS可以让你享受写代码的乐趣，不用去管那些加载的问题。你是否厌倦了如此多的js和css引用,我数了一下我们公司网站的个人主页首页上有39个css和js引用，带来的影响可想而知：
1.不利于维护，前端后端都一样，
2.http请求过多，当然这个可以通过合并解决，但是如果没有后端直接合并，人工成本非常大，就算后端合并，维护的时候，这么长的一个字符串，眼睛肯定看花
用SeaJS就能非常好的解决这些问题。
定义一个模块比较简单，例如定义一个sayHello模块，建一个sayHello.js文档：
define(function(require,exports,module){
exports.sayHello = function(eleID,text) {
document.getElementById(eleID).innerHTML=text;
};
});
这里先看一下exports参数，exports参数是用来向外提供模块的 API.也就是通过这个exports其他的模块就能访问sayHello方法。
继续阅读：seaJs的模块定义、模块加载及模块依赖关系»
jQuery 本身的动画只有停止的功能，一但停止(stop)后就无法自动接着做未做完的动画内容。 因此Pause插件扩充了animate() 的功能，让它可以支持暂停(pause)及恢复(resume)动画。
这个插件覆盖jQuery的默认的animate()方法，任何加载了这个插件的动画都将支持Pause暂停。两个新的不带任何参数的方法被添加到每一个jQuery对象：pause()和resume()。
例如：
$box.hover(function() {
$box.pause();
}, function() {
$box.resume();
});
demo演示地址：http://tobia.github.com/Pause/
向大家推荐丸子开发的Chrome扩展：Run Selected HTML
这个扩展对于平常爱学习的同学还是比较有用的，至少我是这样感觉的哈哈，安装完扩展后，当你在阅读一些前端技术博客的时候，就可以选中页面上的html代码，然后右键点“Run Selected Code”就可以查看代码效果啦。
< !DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>测试一下下</title> </head> <body> <h1>测试扩展</h1> <div>安装完扩展，请选中这段html代码，然后右键点击“Run Selected Code”查看效果</div> </body> </html>
有任何bug或者建议，欢迎留言反馈。如果觉得工具挺方便麻烦+1或好评哦
文章来自36氪
Path的UI惊起哇声一片，最大的亮点无疑是左下角的菜单展开效果。于是有各个版本的仿Path菜单出现，比如我们之前报道过的国内某牛人的作品，这里还有若干个关于Path菜单的讨论。但最引人注意的还是来自法国小伙Victor的作品：用纯CSS3制作的Path菜单效果。
他说他喜欢Path的新界面，尤其是添加菜单，作为一个前端设计师的他打算在浏览器里实现同样的效果。以下是他制作的一段视频：
整个作品通过html/css3完成，没有使用任何图片，没有任何javascript。因此仅支持Webkit浏览器。Victor通过Sass+Compass计算每个图标的坐标，并生成了动画效果。你不用重写代码就可以添加或删除项目。
实际效果请移步至这里，你可以在github上找到这段源代码。
每次在写脚本的时候拼装字符串是个头痛的事情，主要是双引号，单引号，还有一堆变量，一不小心就搞错了，而且可读性非常差。这里推荐一个小工具：http://www.html-js.com/my-js/version0.0.1/tool/html2string.html 这个工具可以将复杂的字符串转换成js的字符串。至少解决的了手动拼装的的问题，但是变量的话还是非常难受。比如一个列表：
[
{"song":"愚人码头","songurl":"http://www.css88.com/mp3/1.html","songer":"熊天平","songerurl":"http://www.css88.com/songer/1.html"},
{"song":"富士山下","songurl":"http://www.css88.com/mp3/2.html","songer":"陈奕迅","songerurl":"http://www.css88.com/songer/2.html"},
{"song":"假如","songurl":"http://www.css88.com/mp3/3.html","songer":"信乐团","songerurl":"http://www.css88.com/songer/3.html"}
]
通常情况下会这样拼装：
var listData=[
{"song":"愚人码头","songurl":"http://www.css88.com/mp3/1.html","songer":"熊天平","songerurl":"http://www.css88.com/songer/1.html"},
{"song":"富士山下","songurl":"http://www.css88.com/mp3/2.html","songer":"陈奕迅","songerurl":"http://www.css88.com/songer/2.html"},
{"song":"假如","songurl":"http://www.css88.com/mp3/3.html","songer":"信乐团","songerurl":"http://www.css88.com/songer/3.html"}
];
var listHtml="<ul>"
for(var i=0,lengths = listData.length;i < lengths;i++){
listHtml+='<li class="item">《'+listData[i].song+'》 - <span>'+listData[i].songer+'</span>'
}
listHtml+="</ul>"
console.log(listHtml);
最新评论
非常好
Post:2012-02-08 21:59:12@linda, 没见过世面吧你，老板才8 »
Post:2012-02-07 18:11:22码头哥，换个链接，http://www.ijo »
Post:2012-02-07 17:18:45currying: 科里化
Post:2012-02-06 15:51:18貌似在线api已经下不了了
Post:2012-02-06 11:25:19图片被防盗链了，哈哈～
Post:2012-02-06 10:29:45对你造成的不便非常抱歉，简易你卸 »
Post:2012-02-05 14:45:16您好,请问air版本的自动更新怎么去 »
Post:2012-02-05 12:06:24