RSS Feed

Qatrix – 超轻量的JavaScript框架

2012 年 11 月 13 日 by liuyanghejerry

blackboard

不久前,社交网站Catfan发布了其使用的JS框架——Qatrix

Qatrix的体积只有5KB,但已涵盖了DOM操作、动画、AJAX、JSON、本地存储等前台常用功能,可谓功能齐全的精巧框架。

如何使用

Qatrix有一套完备的文档体系,这里只截取其中的一段示例来做说明:

// 动画函数:
$animate($('id'), {
    'width': {
        from: 300,
        to: 10
    },
    'opacity': {
        from: 1,
        to: 0.5
    }
});

// CSS设置:
$style.set($('id'), 'width', '400px');

// 隐藏。实际也是CSS
$hide($('id'));

// 带有动画效果的隐藏
$hide([
    $('id_1'),
    $('id_2'),
    $('id_3')
], 500);

可以看出,Qatrix主要使用一系列函数来进行操作。但要注意的是,其选择器使用的也是美元符“$”,而如果连同使用jQuery的话,Qatrix并不会抢占这个符号。

兼容性

几乎覆盖所有主流浏览器:IE6-10, Chrome4+, Firefox2+, Safari3+, Opera9+

许可证

Qatrix使用MIT进行分发许可。


4 条评论 »

  1. 撸人甲 说道:

    试用了一下,破烂东西,污染全局变量,浏览器兼容性很差,就试验了一个:

    $fadeout($select(“div[id^=fu]“));
    只能在支持querySelector的浏览器上运行。

    而且代码书写方式很反人类。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>