开源的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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
用JavaScript脚本实现Web页面信息交互
Dec 21 Javascript
实现复选框全选/全不选切换
Dec 23 Javascript
js实现倒计时(距离结束还有)示例代码
Jul 24 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
jQuery实现元素的插入
Feb 27 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
Sep 13 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 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
肝肠寸断了解下!盘点史上最伤心的十大动漫
2020/03/04 日漫
php 无限分类的树类代码
2009/12/03 PHP
PHP5下$_SERVER变量不再受magic_quotes_gpc保护的弥补方法
2012/10/31 PHP
解析php中获取系统信息的方法
2013/06/25 PHP
php实现批量上传数据到数据库(.csv格式)的案例
2017/06/18 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
微信小程序 flex实现导航实例详解
2017/04/26 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
详解使用angular的HttpClient搭配rxjs
2017/09/01 Javascript
vue 中swiper的使用教程
2018/05/22 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
Python中的生成器和yield详细介绍
2015/01/09 Python
详解Python中for循环的使用
2015/04/14 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
python中JWT用户认证的实现
2020/05/18 Python
python读取xml文件方法解析
2020/08/04 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
简单租房协议书
2014/04/09 职场文书
党性教育心得体会
2014/09/03 职场文书
赢在中国观后感
2015/06/02 职场文书
我的长征观后感
2015/06/09 职场文书
解约证明模板
2015/06/19 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android
postgresql如何找到表中重复数据的行并删除
2023/05/08 MySQL