V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
catfan
V2EX  ›  分享创造

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

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



    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:22: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   ·   实用小工具   ·   5202 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:12 · PVG 17:12 · LAX 01:12 · JFK 04:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.