Qatrix轻量级高性能的Javascript架构首个稳定版发布! - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
catfan
V2EX    分享创造

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

  •  
  •   catfan 2012-04-16 15:30:55 +08:00 5824 次点击
    这是一个创建于 4926 天前的主题,其中的信息可能已经有所发展或是发生改变。



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

    https://github.com/qatrix/Qatrix
    iwege
        5
    iwege  
       2012-04-21 13:06:37 +08:00
    想问问,动画效果和同样使用css3的 move.js有区别么?
    catfan
        6
    catfan  
    OP
       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
        7
    iwege  
       2012-04-22 09:13:15 +08:00
    @catfan 明白了,就是在不支持css transition的情况下使用了类jquery的处理方式去做。
    panxianhai
        8
    panxianhai  
       2012-04-22 09:16:31 +08:00
    这个和jquery比起来有什么重要的优势?
    zythum
        9
    zythum  
       2012-04-22 12:00:29 +08:00
    @panxianhai jquery大
    zythum
        10
    zythum  
       2012-04-22 12:06:32 +08:00
    目前的一目在用哈。 在中。
    Jet
        11
    Jet  
       2012-04-22 13:42:12 +08:00
    这个真的是非常棒的一个替代 jquery 的方案呀!
    目前写的绝大部分 jq 插件,尝试用一些时间移植过来。
    真的非常不错,打算重度使用。
    minuo0day
        12
    minuo0day  
       2012-04-23 08:38:29 +08:00
    目前在机房的机子上也是飞一样的运行着...
    catfan
        13
    catfan  
    OP
       2012-04-23 12:31:05 +08:00
    @iwege 都是基于Javascript来处理,不过具体处理方法肯定会有所不同。

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

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

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

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

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


    再PS:此项目虽然是非盈利性的,但是很希望能得到各方有能力的开发者的支持和加入,或者帮助进行一些宣传。相信在研究此框架中也能获得不少技能经验的提升。(如果能成为此开源项目的成员,在求职的时候老板不会觉得你碉堡了麽)
    panxianhai
        19
    panxianhai  
       2012-05-23 17:10:25 +08:00
    @catfan Javascript 还未入门,研究源代码估计和看天书一样。
    catfan
        20
    catfan  
    OP
       2012-05-23 19:2:55 +08:00
    @panxianhai 研究源代码才是入门的捷径
    sxd
        21
    sxd  
       2012-05-23 19:55:20 +08:00
    需要在一个小地方操作一下dom 找来找去就找到这个了 感谢一下
    catfan
        22
    catfan  
    OP
       2012-05-24 21:28:05 +08:00
    @sxd Qatrix可不止操作dom这么简单咯..XD
    kran
        23
    kran  
       2012-05-24 23:07:32 +08:00
    $dom函数有误吧?dom.length为假时
    catfan
        24
    catfan  
    OP
       2012-05-24 23:29:18 +08:00
    @kran 没有错误,当dom.length不存在的话,则对单个元素进行连续的操作。
    kran
        25
    kran  
       2012-05-24 23:39:49 +08:00
    不太明白,求解释,手机看的,弄不了代码
    eric_q
        26
    eric_q  
       2012-05-25 00:21:50 +08:00
    很不错,明天研究一下
    sxd
        27
    sxd  
       2012-05-25 12:36:43 +08:00
    嗯 我知道不止操作dom这么简单 我想说的是 我有一个地方只需要操作一下dom 其他各种库对我这个需求来说都太重了 ^^!
    catfan
        28
    catfan  
    OP
       2012-05-25 12:39:19 +08:00
    @kran 看了一下,确实是有错误。此bug将在下一版本中修正,谢谢~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5184 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 09:30 PVG 17:30 LAX 02:30 JFK 05:30
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86