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

2012-04-16 15:30:55 +08:00
 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
5393 次点击
所在节点    分享创造
28 条回复
200
2012-04-16 16:11:53 +08:00
支持一个,速度确实非常快啊~~
catfan
2012-04-17 19:17:53 +08:00
PS:目前的动画效果的流畅度是最出众的:)
manhere
2012-04-17 19:28:23 +08:00
感谢,下一个项目就用它试试了。
catfan
2012-04-21 07:06:55 +08:00
0.9.1.pre 新增加了基于HTML5本地存储的localStorage的功能,并且兼容IE,希望有IE6的同学能帮忙测试一下。IETester下测试不到,又不想装XP....于是....

https://github.com/qatrix/Qatrix
iwege
2012-04-21 13:06:37 +08:00
想问问,动画效果和同样使用css3的 move.js有区别么?
catfan
2012-04-21 19:12:16 +08:00
@iwege 效果按道理是差异不大,因为都基于CSS3 Transition,不过处理方式和语法结构不太一样。而最重要的一点,Qatrix的动画效果是同样能兼容IE6-9(IE 10支持CSS3 Transition)的,而语法则更接近于jQuery的动画功能。Qatrix是一个完整的framework,而move.js是一个专门处理CSS3动画,不兼容IE6-9的独立framework。
iwege
2012-04-22 09:13:15 +08:00
@catfan 明白了,就是在不支持css transition的情况下使用了类jquery的处理方式去做。
panxianhai
2012-04-22 09:16:31 +08:00
这个和jquery比起来有什么重要的优势?
zythum
2012-04-22 12:00:29 +08:00
@panxianhai jquery體積大
zythum
2012-04-22 12:06:32 +08:00
目前的一個項目在用這個哈。 在試試中。
Jet
2012-04-22 13:42:12 +08:00
这个真的是非常棒的一个替代 jquery 的方案呀!
目前写的绝大部分 jq 插件,尝试用一些时间移植过来。
真的非常不错,打算重度使用。
minuo0day
2012-04-23 08:38:29 +08:00
目前在机房的机子上也是飞一样的运行着...
catfan
2012-04-23 12:31:05 +08:00
@iwege 都是基于JavaScript来处理,不过具体处理方法肯定会有所不同。

@panxianhai 超轻量级,高性能。相对于jQuery注重DOM相关的操作,Qatrix更注重前端开发所需的普遍实用功能。所以Qatrix除了包含了一般的DOM操作以外,还包含了动画,Cookie,Cache,AJAX和一些实用的功能,以及包括目前在pre阶段的Storage(可在Github中获取最新版)—— 总之,一切为应用开发而生。
catfan
2012-04-23 12:36:26 +08:00
@zythum 如果可以的话,可通过发送邮件告知我们项目的名称。到时会考虑免费添加到网站展示列表中,以作参考的:)
catfan
2012-04-24 22:15:36 +08:00
首页添加了一个简单的语法example,可以帮助快速理解其结构....
catfan
2012-04-29 21:33:36 +08:00
[0.9.1]更新

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

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

这些都是其它framework没有提供的功能咯!
catfan
2012-05-09 12:16:42 +08:00
更新到了0.9.3了,修正了更多的BUG,和优化性能,体积也更小了,推荐大家更新!
catfan
2012-05-23 17:01:47 +08:00
现在已经更新到0.9.4,修正了更多的BUG,并且进一步优化性能

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


再PS:此项目虽然是非盈利性的,但是很希望能得到各方有能力的开发者的支持和加入,或者帮助进行一些宣传。相信在研究此框架中也能获得不少技能经验的提升。(如果能成为此开源项目的成员,在求职的时候老板不会觉得你碉堡了麽)
panxianhai
2012-05-23 17:10:25 +08:00
@catfan javascript 还未入门,研究源代码估计和看天书一样。
catfan
2012-05-23 19:22:55 +08:00
@panxianhai 研究源代码才是入门的捷径

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/32378

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX