Kitjs,(http://xueduany.github.com/KitJs
),是我2011年底,离开淘宝UED之后,自己搞起的一套HTML5的前端widget库,原本的用途主攻手机端HTML页面交互组件使用,正如其字面意思Kit一样,愿景是做一个娇小,实用,既可以直接拿来用,也可以很方便做2次开发的一套组件。后来由于项目的越做越大,组件数的膨胀,也加入PC端浏览器(IE6+,FF,chrome核心系列等等)的支持,不再仅限于原来手机开发领域,开始正式迈向全平台。所以近期也对原来的所有模块按照jsdoc规范更新了一遍API文档,逐步开源给大家使用。
先放个Kitjs族谱,让大家对于kit有个基本的认识
怎么样,是不是密密麻麻看的有点头晕,其实我看了也晕^_^,简单来说,kitjs和dojo类似的,分为以
1. kit.js为核心的,围绕kit扩展的js工具模块,类似dojo
2. 和kit.ui命名空间下组件模块,类似dijit
3. 还有一个和dojoX一样的实验室项目,这里没有标明。
在KitJs的组件里面,有一些我以前在博客中发布过的优秀组件,如
音频播放器
iphone效果的选项卡
comboBox
3D相册
日历
LightBox
等等
还有一些更优秀的组件尚在内部使用,或者开发中,会逐步放出来给大家使用。所有的KitJs的组件都满足以下愿景
1. 更贴近中文用户的使用感受
2. 更贴近中文开发者的注释和文档
3. 一定要提供现有的市面的组件不提供,而大家都需要的功能
4. 足够细粒度的模块,方便组装合并成为一个更大的widget
在KitJs工具模块里面,所有代码都是基于Class
Prototype扩展开的,同时提供了实例化后的全局对象供开发者使用,所有的类命名都是首字母大写,所有的实例对象都是首字母小写,kit以$字符开头,是为了方便与其他类库区分开。同时,在工具模块里面,所有的method的写法都是函数编程风格的,这点和Kissy是一样的,同时Kit提供给习惯用jQuery开发的同学,加载suger.js,即可像使用jQuery一样,使用kitjs书写代码,方法名和使用方式都和jQuery一模一样,这里以一个dom
ready事件举例
$kit.$(function($) {
$('.item',
$('#gallery')).each(function() {
$(this).css({
top :
$kit.math.rand($('#gallery').innerHeight()) +
'px',
left :
$kit.math.rand($('#gallery').innerWidth()) +
'px',
'-webkit-transform' : 'rotate(' +
$kit.math.rand(-40, 40) + 'deg)'
});
}).pushStack('a.kitLightBox').each(function()
{
new
$kit.ui.LightBox({
el :
this
}).init();
});
});
$kit.$是kitjs的dom
ready事件,参数匿名方法的参数$,是传递了$kit.$方法给他内部的闭包,这样在内部闭包里面既可以直接使用$代替$kit.$(等同与jQuery的$选择器),这样闭包内所有的代码都和jQuery无异了。也方便JQuery代码与KitJs代码的互相移植。
KitJs目前已经公布的Demo地址为http://xueduany.github.com/KitJs/KitJs/index.html
在这里能看到所有已经开源的KitJs组件demo
官方的API Doc地址为http://xueduany.github.com/jsdoc/out/global.html
同时我也会开始在博客园为大家讲解KitJs的使用,以及实现原理,同时也欢迎对Kit感兴趣,愿意加入项目的同学联系我,个人联系方式见(http://xueduany.github.com/Ciku/aboutme/index.html
)
以后Kit的走向,会继续以充实更多美观的,利于组合的细粒度的中文前端组件/惊艳的效果
在Core方面,下一个版本会继续增强各基类的API,同时考虑实现CommonJs的AMD等等,敬请期待
分享到:
相关推荐
了解这些和朋友吹水C++ 该资源仅供学习!!! 该资源仅供学习!!! 该资源仅供学习!!! 该资源仅供学习!!!
齐吹水吧是一款类似贴吧的交流源码。齐吹水吧邀请各位吹友一齐吹水! 后台地址:admin/admin_login.asp 后台帐号:admin 密码:admin 联系:[email protected]
爱屋吹水文明发展史娱乐版.docx
爱屋吹水文明发展史娱乐版.doc
行业文档-设计装置-一种角度可调的铝合金轮毂吹水装置.zip
java面试者的参考资料。主要是英文专业词汇的中文解释。
大数据-算法
当然,这些知识对于我这条失去梦想的咸鱼来说根本没啥用处,除了偶尔吹水装X以外,也就用来死磕这种真“硬核”游戏了。 在《微硬公司MHRD》中,玩家就是一名集成电路工程师,我们负责的工作是设计集成电路芯片。从最...
从传统分布式架构迁移到基于容器技术的微服务架构,这本就是百谈不厌的话题。 更别提内容涉及Microservices、Kubernetes、SOA、Distribute Memory、ElasticSearch、Kafka、CAP、NUMA、SOA、GlusterFS、Actor、...
当然,吹水吹了那么久,各位还是下载使用,自己体会吧~~ 小弟和大家一样,都只是音频爱好者,如果有什么过失和错误,请大家多多包涵。总之还是那句话,各位喜欢就用着,不喜欢就当玩了一下,卸载就好了,别在意啊,...
(利用chatGpt帮我吹水) 想要在海量数据中轻松找到有效的信息吗?想要保证数据的准确性和可信度吗?那么,我们的筛选程序就是您的救星! 我们的筛选程序能够快速、准确地筛选出问卷星转成Excel文件后可能出现的摆...
这个思路如果可行的话希望有大佬能弄个全面点的,找不到学py的组织,希望有这方面的推荐下上哪交流学习,Q群好多都不活跃不交流的,不像易语言四处能找到地方吹水 效果图 只是遍历了组件然后读取组件的属性文本拼接...
4.注意,该项目不能拿来就用,可以是一个粗略的框架,很急交作业的下载来没用,不过想施舍一点积分给在下最好不过啦哈哈(我好穷) 5.部分问题不懂的可以私信我,我有空并且会的话可以和你们讨论一下(我这个主要是...
先说结论:对于TCP服务端进程来说,他可以同时连接的客户端数量并不受限于可用端口号。并发连接数受限于linux可打开文件数,这个数是可以配置的,可以非常大,所以实际上受限于系统性能。 现在做服务器开发不加上高...
好东东,才怪。修改mtk的生气的东东,很生气的东东。吹水不打草稿
设计是按照硬件条件来设计的, 计划装在两片10CM*10CM的PCB上面,这个规格的PCB打样价格低. 跳转指令跳转消耗2个时钟,不跳转消耗1个时钟,其他指令1个时钟. RAM和ROM地址为24位(地址寄存器24位,程序计数器24位),最大...
关于前端路由你可能需要知道的内容什么是路由? 前端路由出现之前又是怎么实现路由的?...简单来说, 在浏览器中的路由就是 url 到服务器资源的一个映射; 后端路由就是通过每次用户发出不同请求的 url, 服务端根据请求内
而我做为一个长期在一线的程序员,在技术领域并没有什么建树,如果整天不写代码,而是琢磨着写文章到处吹水,本身是一些颇为可耻的事情,写稿子这个事情到此为止,下不为例吧!当我第一次和InfoQ约写一个关于架构师...