开源的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 相关文章推荐
javascript实现动态增加删除表格行(兼容IE/FF)
Apr 02 Javascript
斜45度寻路实现函数
Aug 20 Javascript
javascript 实现键盘上下左右功能的小例子
Sep 15 Javascript
JS计算网页停留时间代码
Apr 28 Javascript
JS实现按比例缩放图片的方法(附C#版代码)
Dec 08 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
vue2使用keep-alive缓存多层列表页的方法
Sep 21 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
JS实现滑动导航效果
Jan 14 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/12/10 PHP
IIS安装Apache伪静态插件的具体操作图文
2013/07/01 PHP
PHP取余函数介绍MOD(x,y)与x%y
2014/05/15 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
简洁短小的 JavaScript IE 浏览器判定代码
2010/03/21 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
AngularJs中route的使用方法和配置
2016/02/04 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
node 利用进程通信实现Cluster共享内存
2017/10/27 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
重置Redux的状态数据的方法实现
2019/11/18 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
VSCode launch.json配置详细教程
2020/06/18 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
Python设计模式编程中Adapter适配器模式的使用实例
2016/03/02 Python
分享一下如何编写高效且优雅的 Python 代码
2017/09/07 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
python三引号如何输入
2020/07/06 Python
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
测绘工程个人的自我评价
2013/11/10 职场文书
会计专业自我评价
2014/02/12 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
销售个人求职信范文
2014/04/28 职场文书
群众路线个人对照检查材料2014
2014/09/26 职场文书
自主招生自荐信范文
2015/03/04 职场文书
运动会广播稿100字
2015/08/19 职场文书
python爬虫框架feapde的使用简介
2021/04/20 Python
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
Win11电脑显示本地时间与服务器时间不一致怎么解决?
2022/04/05 数码科技