开源的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 相关文章推荐
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
Apr 18 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 Javascript
JavaScript生成的动态下雨背景效果实现方法
Feb 25 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
JavaScript与java语言有什么不同
Sep 22 Javascript
如何正确理解javascript的模块化
Mar 02 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
微信小程序实现animation动画
Jan 26 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 Javascript
微信小程序选择图片控件
Jan 19 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
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
PHP自定义多进制的方法
2016/11/03 PHP
云网广告中的代码,提示出错,大家找找
2006/11/21 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
javascript校验价格合法性实例(必须输入2位小数)
2014/05/05 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
angular中使用路由和$location切换视图
2015/01/23 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
拥有一个属于自己的javascript表单验证插件
2016/03/24 Javascript
如何用JavaScript实现动态修改CSS样式表
2016/05/20 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
layer.js之回调销毁对话框的例子
2019/09/11 Javascript
vue keep-alive 动态删除组件缓存的例子
2019/11/04 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
[36:33]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.29
2020/12/02 DOTA
Python基于pillow判断图片完整性的方法
2016/09/18 Python
Python中标准模块importlib详解
2017/04/16 Python
windows环境下tensorflow安装过程详解
2018/03/30 Python
python实现简易动态时钟
2018/11/19 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
解决python gdal投影坐标系转换的问题
2020/01/17 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
可能这些是你想要的H5软键盘兼容方案(小结)
2019/04/23 HTML / CSS
公司企业表扬信
2014/01/11 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
社区敬老月活动总结
2015/05/07 职场文书
学校百日安全活动总结
2015/05/07 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
初中语文教学反思范文
2016/03/03 职场文书