岁月如歌

Google Closure Compiler 挺让人心动。昨晚试用了一把，与 YUICompressor 的对比如下：

下载 DOS 脚本包：downloads list

在 如何给 JavaScript 文件传递参数 一文中，介绍了一种传参方式：

<script type="text/javascript" src="test.js?a=b&c=d"></script>

这种方式看起来最漂亮最容易被后台程序员接受，但没有考虑到缓存因素。
由于参数一般都是变化的，上面的方式会导致 js 文件每次都重新下载，实在是很糟糕。

特发此文，警醒！

先访问：http://signup.qq.com/
然后下载：http://signup.qq.com/js/a.js

用 IntelliJ IDEA 格式化代码：

var naa = true;
O00O = new Array();
O00O[0] = ' f u n c t i o n   p ( ) { v a r...';
OOO0 = 'fu';
OO0O = 'TVOBtOOIPdmbLGGEKsBJ';
OOO0 += 'nction __' + '__(_' + 'O0){';
O0O0 = 'v%61%72%20l%32%3Dw%69\156d\157w%2E...';
//...
OOO0 += 'eva';
OOOO = 'xxQFIxOBcaNyWMCROKJuuZcq';
OOO0 += 'l(unes' + 'cape(_O0))}';
eval(OOO0);
//...
____(O0O0);
OO00 += '0O.e 2   -&O5NORmP...';

阅读全文 »

代码：

var o = "<ol>", bd = document.body;
bd.innerHTML.replace(
        /(<img[^>]*)(src *= *("[^"]*"|'[^']*'|[^ >]*))/ig,
        function(m, t, c, src) {
            t = src; c = src.charAt(0);
            if (c == '"' || c == "'") t = t.slice(1, -1);
            o += "<li>" + t + " <img src=" + src + " /></li>";
        });
bd.innerHTML = o + "</ol>";

Booklet 添加页面：img-src-regexp-test.html（WordPress 的过滤好讨厌，只好放在独立页面里）

针对该功能，更简单明了的思路是用 getElementsByTagName(“img”) 来实现，但性能不如正则。

在 Web 编辑器领域，

CKEditor – 七年的专注，赢取的是王者风范。
TinyMCE – 五年前的小家碧玉，如今已成长为大家闺秀。
Google Docs – 简单与复杂的权衡，2/8 原则的遵守者。只把 20% 核心功能做好做妙，需要魄力。
YUI RTE – 如果爱上你是场梦境，醒来后叫我如何继续使用？
NicEditor – 爱唐装的摇摆，还是牛仔的风采？这是位别致的女孩，很难让人爱或不爱。
百度/QQ/163/白社会编辑器 – 各具特色。

淘宝用过一个很古老的编辑器（至今宝贝发布页面还在用）。去年年底，换用过 YUI 编辑器（让人爱恨交加）。今年，祭出了 FCKEditor. 从纯功能上讲，FCK 是王者。但在国内互联网环境下，FCK 的文件有点大。针对淘宝的应用，FCK 的可定制性和扩展性，也有一定限制。

于是有了今天发布的淘宝开源编辑器：KISSY Editor, 已在 淘帮派 上线试用。

KISSY Editor 刚诞生，目前仅有基本功能。紧接着的二期里，将进一步完善基础架构和插件体系，并提供 Undo/Redo, 插入Flash, 表格编辑和预置模板等功能。 阅读全文 »