开源的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 相关文章推荐
可输入的下拉框
Jun 19 Javascript
QUnit jQuery的TDD框架
Nov 04 Javascript
Javascript 类、命名空间、代码组织代码
Jul 31 Javascript
JS 精确统计网站访问量的实例代码
Jul 05 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
JS显示日历和天气的方法
Mar 01 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
服务端预渲染之Nuxt(使用篇)
Apr 08 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 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高级OOP技术演示
2009/08/27 PHP
php+javascript的日历控件
2009/11/19 PHP
php自定文件保存session的方法
2014/12/10 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
最简单的js图片切换效果实现代码
2011/09/24 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
jQuery中innerWidth()方法用法实例
2015/01/19 Javascript
JavaScript Date对象详解
2016/03/01 Javascript
JS解决iframe之间通信和自适应高度的问题
2016/08/24 Javascript
JavaScript 冒泡排序和选择排序的实现代码
2016/09/03 Javascript
JavaScript省市区三级联动菜单效果
2016/09/21 Javascript
js学习笔记之事件处理模型
2016/10/31 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
详解Vue.js 2.0 如何使用axios
2017/04/21 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
jquery中为什么能用$操作
2019/06/18 jQuery
iview的table组件自带的过滤器实现
2019/07/12 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
Python标准库之itertools库的使用方法
2017/09/07 Python
python使用tornado实现简单爬虫
2018/07/28 Python
Python 共享变量加锁、释放详解
2019/08/28 Python
Python函数的默认参数设计示例详解
2019/12/01 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
总裁助理岗位职责
2014/02/17 职场文书
个人函授自我鉴定
2014/03/25 职场文书
农村党员一句话承诺
2014/05/30 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
企业工会工作总结2015
2015/05/13 职场文书
圆明园观后感
2015/06/03 职场文书
详解redis分布式锁的这些坑
2021/05/19 Redis
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers