Catfan喵友首个开源项目——Qatrix，轻量级高性能的JavaScript架构

相信在v2ex的大部分同学都应该听过Catfan喵友（ http://catfan.me ）吧，也相信有不少人也注册一个账户，甚至是忠实用户(╰(￣ω￣) 出来打声招呼吧~喵）

Qatrix是继旗下的Mu6（http://mu6.me）社交音乐分享网站后，在Catfan两周年之际发布的一个开源新项目。是在Catfan开发过程中经过知识不断积累和研究，独立开源出来的项目。

Qatrix Javascript架构有如下的特点：

硬件加速的动画效果（Hardware Accelerated Animation）
基于CSS3 transition的功能，使用Native code处理动画效果，并且具有启用硬件加速的特性，动画效果将比以往其它的JavaScript架构里单纯基于JavaScript的更加流畅。

高性能代码（High performance code）
专门为性能做前提为优化和设计，尽可能使用Native code进行处理，让其运行更有效率。

易学易用（Easy-to-learn）
function的命名多数与jQuery类似，简单易记，并且容易理解，不需要学习太多新的概念，便能快速入门。

麻雀虽小五脏俱全（Incredible size）
包含60+个实用功能，却只有5KB的文件大小（gzipped）。不会明显增加载入的时间。

协议：最宽松的MIT license
兼容性：IE6-10, Chrome, Firefox2+, Safari3+, Opera9+

Qatrix之前已经经过与国外的开发者讨论多次后，经过多个版本的修正和优化，目前的版本为0.8.9，基本功能已经定下，剩下的就是BUG的修复。下一版本将会比较公开地发布。

目前Qatrix一直作为Catfan和Mu6的JavaScript核心架构存在，更新和修正速度都会很及时的，可以放心。

相关链接，欢迎关注和讨论：）
官方网站： http://qatrix.com
GitHub： https://github.com/qatrix/Qatrix
性能测试： http://qatrix.com/benchmark

PS：还是借此机会简单公开说明一下，虽然经常到处解释，但总是有误解：Catfan喵友并不是什么轻博客，类Tumblr的东东，两者的基本设计概念与操作方式差别本来就很大！它就是一个博客社交网站，简单点说就是社交网站，就这样，不要搞错了：）

catfan

2012-04-06 19:30:43 +08:00

@tamamaxox 每一个framework的设计，概念和写法都不一样，各自有各自的特点，代码不可能全部兼容。

@bigzhu 特点大部分都列出了，当然还包含了一些实用的功能。UI库日后可能会提供。

简单说明Qatrix的选择器：

最简单最快的ID选择器：
$()

集合选择器：
$id()
$class()
$tag()

最慢，但最强大的CSS选择器：
$select()

性能从高至低，基本上能满足大部分元素选择的需求。按需使用便可。

zythum

2012-05-27 21:24:31 +08:00

感谢喵大。
喵大下面是使用了之后的一些建议。
1. $event.metaKey 中cmd键一直没有用啊。
2. 还有个意见是$event.key。朱一有个建议是加入一个$event.keyWord之类的。直接返回字母，而不是keyCode感觉会更使用一些。然后是兼容的禁止事件冒泡，禁止浏览器默认行为这些。
3. 时间的delegetedEvent感觉还是需要的。有的话会轻松不少。
4. 然后一些className的add，remove第一个参数是数组啊之类的可有可无有了最好的这些。

感觉qatrix还是不错的，喵大辛苦了。
朱一接下去应该会一直会用下去。虽然现在用qatrix做的一个东西暂时是搁置了。
至少目前还没找到比qatrix更加适合的轻量级的解决方案。