Qatrix轻量级高性能的JavaScript架构首个稳定版发布！

[catfan]

http://www.v2ex.com/t/31199
之前已经在这里简单地介绍过一下了，现在今天发布首个稳定版本。相对于之前的一个版本有了大量的修正，和性能的提升，还添加了更多的特性。尤其是动画处理，流畅度更高！

下面是更新了的简介：


Qatrix是一个简单易用，代码优美，同时专注于高性能应用开发的超轻量级JavaScript框架。这是在社交网站Catfan喵友成立两周年之际发布的一个开源新项目。是由其创始人在开发Catfan（ http://catfan.me ）和Mu6（ http://mu6.me ）过程中，经过知识不断积累和研究，独立设计和开源出来的项目。

Qatrix具有以下几个特点：

硬件加速的动画效果
动画效果基于CSS3 transition，使用native code处理，并具备硬件加速特性，比以往单纯基于JavaScript处理的框架更加流畅，显著提升页面的视觉效果。这也是目前首个支持这种特性的完整JavaScript框架。

高性能代码
支持CSS3和HTML5的特性，专为高性能做前提而优化和设计，执行效率平均比其它JavaScript框架高50%以上。

易学易用
命名规则简单，多数和jQuery类似，开发者不需要记忆和理解太多新的概念就能轻松上手。

麻雀虽小五脏俱全
只有4.7KB的文件大小（gzipped），包含了多种元素选择器，DOM，AJAX，Cookie，基于硬件加速的动画处理，事件处理，缓存系统等足够满足大部分应用开发的需要的60+个功能。不会显著增加页面载入的时间。

良好的兼容性
兼容IE6-IE10，Chrome，Firefox，Safari，Opera等大部分主流浏览器。

基于最宽松的MIT开源协议，任何人都可以免费使用。

Qatrix项目之前已经吸引了一批国外开发者的关注和讨论，经过社区反馈和多次版本的频繁改进和修复后，目前公开发布出首个稳定版本。

Qatrix目前托管在GitHub上：
http://github.com/qatrix/Qatrix

官方网站：
http://qatrix.com

API文档
http://qatrix.com/doc

性能测试
http://qatrix.com/benchmark

[200]

支持一个，速度确实非常快啊~~

[catfan]

PS：目前的动画效果的流畅度是最出众的：）

[manhere]

感谢，下一个项目就用它试试了。

[catfan]

0.9.1.pre 新增加了基于HTML5本地存储的localStorage的功能，并且兼容IE，希望有IE6的同学能帮忙测试一下。IETester下测试不到，又不想装XP....于是....

https://github.com/qatrix/Qatrix

[iwege]

想问问，动画效果和同样使用css3的 move.js有区别么？

[catfan]

@iwege 效果按道理是差异不大，因为都基于CSS3 Transition，不过处理方式和语法结构不太一样。而最重要的一点，Qatrix的动画效果是同样能兼容IE6-9（IE 10支持CSS3 Transition）的，而语法则更接近于jQuery的动画功能。Qatrix是一个完整的framework，而move.js是一个专门处理CSS3动画，不兼容IE6-9的独立framework。

[iwege]

@catfan 明白了，就是在不支持css transition的情况下使用了类jquery的处理方式去做。

[panxianhai]

这个和jquery比起来有什么重要的优势？

[zythum]

@panxianhai jquery體積大

[zythum]

目前的一個項目在用這個哈。 在試試中。

[Jet]

这个真的是非常棒的一个替代 jquery 的方案呀！
目前写的绝大部分 jq 插件，尝试用一些时间移植过来。
真的非常不错，打算重度使用。

[minuo0day]

目前在机房的机子上也是飞一样的运行着...

[catfan]

@iwege 都是基于JavaScript来处理，不过具体处理方法肯定会有所不同。

@panxianhai 超轻量级，高性能。相对于jQuery注重DOM相关的操作，Qatrix更注重前端开发所需的普遍实用功能。所以Qatrix除了包含了一般的DOM操作以外，还包含了动画，Cookie，Cache，AJAX和一些实用的功能，以及包括目前在pre阶段的Storage（可在Github中获取最新版）—— 总之，一切为应用开发而生。

[catfan]

@zythum 如果可以的话，可通过发送邮件告知我们项目的名称。到时会考虑免费添加到网站展示列表中，以作参考的：）

[catfan]

首页添加了一个简单的语法example，可以帮助快速理解其结构....

[catfan]

[0.9.1]更新

新增加$storage的功能，可以提供超过5MB-10MB的本地数据存储能力，对于IE6-7也能提供128KB-1MB的数据存储。（非cookie）

还有数据交换中重要的$json.encode功能。

这些都是其它framework没有提供的功能咯！

[catfan]

更新到了0.9.3了，修正了更多的BUG，和优化性能，体积也更小了，推荐大家更新！

[catfan]

现在已经更新到0.9.4，修正了更多的BUG，并且进一步优化性能

另外，在文档中增加了一段关于如何使Qatrix与jQuery共同工作的内容，有需要的可以去看看。
http://qatrix.com/tutorial


再PS：此项目虽然是非盈利性的，但是很希望能得到各方有能力的开发者的支持和加入，或者帮助进行一些宣传。相信在研究此框架中也能获得不少技能经验的提升。（如果能成为此开源项目的成员，在求职的时候老板不会觉得你碉堡了麽）

[panxianhai]

@catfan javascript 还未入门，研究源代码估计和看天书一样。

[catfan]

@panxianhai 研究源代码才是入门的捷径

[sxd]

需要在一个小地方操作一下dom 找来找去就找到这个了 感谢一下

[catfan]

@sxd Qatrix可不止操作dom这么简单咯..XD

[kran]

$dom函数有误吧？dom.length为假时

[catfan]

@kran 没有错误，当dom.length不存在的话，则对单个元素进行连续的操作。

[kran]

不太明白，求解释，手机看的，弄不了代码

[eric_q]

很不错，明天研究一下

[sxd]

嗯 我知道不止操作dom这么简单 我想说的是 我有一个地方只需要操作一下dom 其他各种库对我这个需求来说都太重了 ^^!

[catfan]

@kran 看了一下，确实是有错误。此bug将在下一版本中修正，谢谢~