Qatrix – 超轻量的JavaScript框架

by

不久前，社交网站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进行分发许可。

Posted in: CSS3, JavaScirpt, 快速分享, 资源 ⋅ Tagged: , , , , ,

About liuyanghejerry

富有激情的前端工程师，专注GUI开发。

4 Thoughts on “Qatrix – 超轻量的JavaScript框架”

  1. 撸人甲 on 2012 年 11 月 21 日 at 18:18 said:

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

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

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

Post Navigation