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

2012 年 4 月 2 日
 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的东东,两者的基本设计概念与操作方式差别本来就很大!它就是一个博客社交网站,简单点说就是社交网站,就这样,不要搞错了:)
11668 次点击
所在节点    分享创造
62 条回复
yyycat
2012 年 4 月 2 日
惊现喵大!! > <
下载学习~~
catfan
2012 年 4 月 2 日
Er...如何发链接?
mufeng
2012 年 4 月 2 日
过去研究下这个库
icyflash
2012 年 4 月 2 日
赞,体积很小,应该适合mobile
catfan
2012 年 4 月 2 日
帮忙修正一下链接吧,现在不能编辑了...
Livid
2012 年 4 月 2 日
@catfan 嗯,autolink 需要有空格。修改好了。

非常开心能在这里见到喵大。
qiuai
2012 年 4 月 2 日
欢迎喵大光临...
atshow
2012 年 4 月 2 日
不错
airyland
2012 年 4 月 2 日
支持一下
fline
2012 年 4 月 2 日
!!!喵大好!
run2
2012 年 4 月 2 日
没有搜到touch。。。应该不适合mobile
tamamaxox
2012 年 4 月 2 日
硬生生地霸占了$...
catfan
2012 年 4 月 3 日
@Livid 嗯?原来L大也知道我?

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

@tamamaxox 只会在$没有使用的情况下才会定义$的功能,可以兼容其它framework。不过实际上同时使用两个framework的情况很少。
gujiaxi
2012 年 4 月 3 日
哇嗷~喵大也来V2EX了……
shawiz
2012 年 4 月 3 日
恭喜!有没有放上 HackerNews?

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

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

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

单是最常用jQuery的$('#id')就比单纯的Qatrix里的$('id')慢了10倍有多。
zythum
2012 年 4 月 5 日
感觉不错。下次做东西就用这个使使。
话说$pos这个函数只是修改top,left值的话感觉就木有意义了。换成全局的pos应该会更好。
underone
2012 年 4 月 5 日
喵!

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

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

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

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

© 2021 V2EX