开源的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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐share.js
Dec 23 Javascript
验证控件与Button的OnClientClick事件详细解析
Dec 04 Javascript
Javascript 按位与赋值运算符 (&=)使用介绍
Feb 04 Javascript
jQuery中val()方法用法实例
Dec 25 Javascript
详解JavaScript编程中的数组结构
Oct 24 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
JQuery为元素添加样式的实现方法
Jul 20 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
Oct 10 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
Ajax基础知识详解
Feb 17 Javascript
如何更好的编写js async函数
May 13 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
Jan 03 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的变量总结 新手推荐
2011/04/18 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
2018/05/21 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
2018/10/10 Javascript
React 使用recharts实现散点地图的示例代码
2018/12/07 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
2019/09/07 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
利用Python实现颜色色值转换的小工具
2016/10/27 Python
python如何在循环引用中管理内存
2018/03/20 Python
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
环境科学专业大学生自荐信格式
2013/09/21 职场文书
后勤人员自我鉴定
2013/10/20 职场文书
思想专业自荐信范文
2013/12/25 职场文书
幼儿教师工作感言
2014/02/14 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
听证通知书
2015/04/24 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
三好学生竞选稿范文
2019/08/21 职场文书