开源的javascript项目Kissy介绍


Posted in Javascript onNovember 28, 2014

kissy简介

kISSY是什么?

KISSY是一个开源的javascript项目,其主体是一个前端UI开发框架,即KissyUI。本文所述的kissy是仅指其内核部分的kissy.js中的语言与框架设计思想。KISSY项目的开源网站是:http://kissyteam.github.com/

kissy怎么使用呢?

尽管在KissyUI向kissy内核化的过程中,我们提出了一些新的概念与框架模型,但事实上,我们并未改变KissyUI的任何使用惯例。从代码上来看,kissy.js和lang.js以后的其它模块,并没有任何的变化,因此如果仅是将kissy当成一个UI系统来使用,你可以参考上面的开源网站,其中既有的KissyUI文档是完全有效的,而且KissyUI本身也是一个优秀的、便捷的Web UI框架。但是,kissy系统在模向合并和组织上的能力大大增强了。

下载源代码后,可以看到整个代码压缩后的kissy-min.js文件大小为42kb(jQuery-min为71kb,dojo core为88kb)

查看官网文档,发现kissy项目分为9个部分

开源的javascript项目Kissy介绍

而kissy.js核心的结构可以分为

开源的javascript项目Kissy介绍

基类为kissy,提供以下方法

开源的javascript项目Kissy介绍

(这里给开发者提一个小小的建议,初看这个文档,我一直以为要访问add方法,需要kissy.kissy.add这样的申明方式,可能是看ext/dojo的文档看多了,看到kissy这种组织方式的文档,让我无法一眼,知道具体方法的使用方式,希望能改进下吧。。。)

了解核心api

与所有的js框架一样,kissy提供了kissy.Config对象实现kissy框架初始加载的配置信息,

开源的javascript项目Kissy介绍

和一个DocumentReady事件,kissy.ready(fn)方法,

开源的javascript项目Kissy介绍

(这里开发者没写,ready注册的多个事件的执行顺序,通过查看源代码,可以知道,ready注册的事件是放在一个list里面的,执行时候,按照先进先出的原则执行)

开源的javascript项目Kissy介绍

开源的javascript项目Kissy介绍

还有一个监测元素可用时执行的方法available

开源的javascript项目Kissy介绍

不过总觉得这里的立刻执行有歧义,其原理通用是一个timer,延时扫描,不能算立刻

封装了简单了debug输出,实现了一个log,error方法,利用浏览器的console

为了组件化管理,实现了命名空间(namespace),对象继承(extend)和对象成员拷贝(mix/merge),原型拷贝(argument),对象申明(app)等方法,

Javascript 相关文章推荐
ExtJS Grid使用SimpleStore、多选框的方法
Nov 20 Javascript
jQuery中toggleClass()方法用法实例
Jan 05 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 Javascript
JavaScript定时器实现的原理分析
Dec 06 Javascript
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
Oct 17 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
javascript+Canvas实现画板功能
Jun 23 Javascript
js里面的变量范围分享
Jul 18 Javascript
js实现3D粒子酷炫动态旋转特效
Sep 13 Javascript
对比分析json及XML
Nov 28 #Javascript
jquery 操作css样式、位置、尺寸方法汇总
Nov 28 #Javascript
javascript基本类型详解
Nov 28 #Javascript
javascript中数组array及string的方法总结
Nov 28 #Javascript
20条学习javascript的编程规范的建议
Nov 28 #Javascript
20个实用的JavaScript技巧分享
Nov 28 #Javascript
js获取浏览器基本信息大全
Nov 27 #Javascript
You might like
PHP数据缓存技术
2007/02/14 PHP
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
Win7环境下Apache连接MySQL提示连接已重置的解决办法
2017/05/09 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
Javascript - HTML的request类
2006/07/15 Javascript
js Form.elements[i]的使用实例
2011/11/13 Javascript
文字不间断滚动(上下左右)实例代码
2013/04/21 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
jQuery常用且重要方法汇总
2015/07/13 Javascript
表单验证正则表达式实例代码详解
2015/11/09 Javascript
BootStrap的JS插件之轮播效果案例详解
2016/05/16 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
简单谈谈gulp-changed插件
2017/02/21 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
2019/07/04 jQuery
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
Python学习笔记整理3之输入输出、python eval函数
2015/12/14 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
python K近邻算法的kd树实现
2018/09/06 Python
python函数与方法的区别总结
2019/06/23 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
解决jupyter运行pyqt代码内核重启的问题
2020/04/16 Python
Python多线程thread及模块使用实例
2020/04/28 Python
详解Pandas 处理缺失值指令大全
2020/07/30 Python
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
动物科学专业毕业生的自我评价
2013/11/29 职场文书
小学生家长评语集锦
2014/01/30 职场文书
怎么写自荐书范文
2014/02/12 职场文书
质量保证书范本
2014/04/29 职场文书
职业规划实施方案
2014/06/10 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
2014年食堂工作总结
2014/11/20 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书