开源的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 相关文章推荐
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
Dec 27 Javascript
javascript检测两个数组是否相似
May 19 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
基于AngularJS实现iOS8自带的计算器
Sep 12 Javascript
Angular 中 select指令用法详解
Sep 29 Javascript
原生JS和jQuery操作DOM对比总结
Jan 19 Javascript
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
Apr 19 Javascript
node.js连接mysql与基本用法示例
Jan 05 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 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/01/02 PHP
PHP内核探索:变量概述
2014/01/30 PHP
如何让搜索引擎抓取AJAX内容解决方案
2014/08/25 PHP
PHP实现路由映射到指定控制器
2016/08/13 PHP
PHP 极验验证码实例讲解
2016/09/29 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
2017/04/12 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
2019/11/14 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
python实现rest请求api示例
2014/04/22 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
python更新列表的方法
2015/07/28 Python
python+selenium打印当前页面的titl和url方法
2018/06/22 Python
基于python指定包的安装路径方法
2018/10/27 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
520使用Python实现“我爱你”表白
2020/05/20 Python
Python列表如何更新值
2020/05/27 Python
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
优秀学生党员先进事迹材料
2014/05/29 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
党员教师群众路线思想汇报范文
2014/10/28 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
刑事撤诉申请书
2015/05/18 职场文书
三八妇女节主持词
2015/07/04 职场文书
用php如何解决大文件分片上传问题
2021/07/07 PHP