Catfan喵友首个开源项目——Qatrix,轻量级高性能的JavaScript架构

2012-04-02 17:35:12 +08:00
 catfan


相信在v2ex的大部分同学都应该听过Catfan喵友( http://catfan.me )吧,也相信有不少人也注册一个账户,甚至是忠实用户(╰( ̄ω ̄) 出来打声招呼吧~喵)

Qatrix是继旗下的Mu6(http://mu6.me)社交音乐分享网站后,在Catfan两周年之际发布的一个开源新项目。是在Catfan开发过程中经过知识不断积累和研究,独立开源出来的项目。

Qatrix Javascript架构有如下的特点:

硬件加速的动画效果(Hardware Accelerated Animation)
基于CSS3 transition的功能,使用Native code处理动画效果,并且具有启用硬件加速的特性,动画效果将比以往其它的JavaScript架构里单纯基于JavaScript的更加流畅。

高性能代码(High performance code)
专门为性能做前提为优化和设计,尽可能使用Native code进行处理,让其运行更有效率。

易学易用(Easy-to-learn)
function的命名多数与jQuery类似,简单易记,并且容易理解,不需要学习太多新的概念,便能快速入门。

麻雀虽小五脏俱全(Incredible size)
包含60+个实用功能,却只有5KB的文件大小(gzipped)。不会明显增加载入的时间。

协议:最宽松的MIT license
兼容性:IE6-10, Chrome, Firefox2+, Safari3+, Opera9+

Qatrix之前已经经过与国外的开发者讨论多次后,经过多个版本的修正和优化,目前的版本为0.8.9,基本功能已经定下,剩下的就是BUG的修复。下一版本将会比较公开地发布。

目前Qatrix一直作为Catfan和Mu6的JavaScript核心架构存在,更新和修正速度都会很及时的,可以放心。

相关链接,欢迎关注和讨论:)
官方网站: http://qatrix.com
GitHub: https://github.com/qatrix/Qatrix
性能测试: http://qatrix.com/benchmark

PS:还是借此机会简单公开说明一下,虽然经常到处解释,但总是有误解:Catfan喵友并不是什么轻博客,类Tumblr的东东,两者的基本设计概念与操作方式差别本来就很大!它就是一个博客社交网站,简单点说就是社交网站,就这样,不要搞错了:)
10548 次点击
所在节点    分享创造
62 条回复
yyycat
2012-04-02 17:39:50 +08:00
惊现喵大!! > <
下载学习~~
catfan
2012-04-02 17:44:18 +08:00
Er...如何发链接?
mufeng
2012-04-02 17:45:35 +08:00
过去研究下这个库
icyflash
2012-04-02 17:48:00 +08:00
赞,体积很小,应该适合mobile
catfan
2012-04-02 17:48:51 +08:00
帮忙修正一下链接吧,现在不能编辑了...
Livid
2012-04-02 18:20:04 +08:00
@catfan 嗯,autolink 需要有空格。修改好了。

非常开心能在这里见到喵大。
qiuai
2012-04-02 19:58:15 +08:00
欢迎喵大光临...
atshow
2012-04-02 20:29:51 +08:00
不错
airyland
2012-04-02 20:33:15 +08:00
支持一下
fline
2012-04-02 20:39:31 +08:00
!!!喵大好!
sobigfish
2012-04-02 21:24:53 +08:00
没有搜到touch。。。应该不适合mobile
tamamaxox
2012-04-02 22:10:56 +08:00
硬生生地霸占了$...
catfan
2012-04-03 14:29:08 +08:00
@Livid 嗯?原来L大也知道我?

@sobigfish 对于mobile,只需要添加自己touchstart,touchmove事件便可。不过更有可能的是会另开一个分支,专门针对mobile作优化。

@tamamaxox 只会在$没有使用的情况下才会定义$的功能,可以兼容其它framework。不过实际上同时使用两个framework的情况很少。
gujiaxi
2012-04-03 14:48:46 +08:00
哇嗷~喵大也来V2EX了……
shawiz
2012-04-03 15:34:33 +08:00
恭喜!有没有放上 HackerNews?

另外,size 的确很小。不知道有没有和功能类似的 zepto.js benchmark?
catfan
2012-04-03 21:48:23 +08:00
0.9的beta已经在Github放出...待完善修复后,将会作为首个稳定版发布。
tamamaxox
2012-04-04 01:32:43 +08:00
我好吃惊啊 $明显就应该调用$select()的方法啦,另外好多框架需要调用部分jquery的方法,例如backbone调用了$ajax;

如果Qatrix能某程度上兼容一下写法,我觉得还是有好处的;

这个身段好吸引人啊~亲
catfan
2012-04-05 17:08:57 +08:00
@tamamaxox 每次DOM操作都调用复杂的选择器只会降低效率和性能。既然是一个相对独立的framework,那就不太可能完全兼容其它framework的写法,否则就没有其存在价值。不过可以说,如果学过jQuery的同学们会很易上手,只需做一些简单的概念调整就可以了。

单是最常用jQuery的$('#id')就比单纯的Qatrix里的$('id')慢了10倍有多。
zythum
2012-04-05 17:12:22 +08:00
感觉不错。下次做东西就用这个使使。
话说$pos这个函数只是修改top,left值的话感觉就木有意义了。换成全局的pos应该会更好。
underone
2012-04-05 17:40:35 +08:00
喵!

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

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

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

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

© 2021 V2EX