开源的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 相关文章推荐
jQuery性能优化的38个建议
Mar 04 Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
js实现两点之间画线的方法
May 12 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
深入浅析Node.js单线程模型
Jul 10 Javascript
vue不通过路由直接获取url中参数的方法示例
Aug 24 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
Element UI框架中巧用树选择器的实现
Dec 12 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
Oct 30 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读取MySQL数据代码
2008/06/05 PHP
smarty section简介与用法分析
2008/10/03 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
Dom与浏览器兼容性说明
2010/10/25 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
js中settimeout方法加参数
2014/02/28 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
javascript同步服务器时间和同步倒计时小技巧
2015/09/24 Javascript
基于JS实现Android,iOS一个手势动画效果
2016/04/27 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
小程序从手动埋点到自动埋点的实现方法
2019/01/24 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
js实现表单项的全选、反选及删除操作示例
2020/06/05 Javascript
Python3实现购物车功能
2018/04/18 Python
python pygame模块编写飞机大战
2018/11/20 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
Python 3.6 中使用pdfminer解析pdf文件的实现
2019/09/25 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
中国网上药店领导者:1药网
2017/02/16 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
《从现在开始》教学反思
2014/04/15 职场文书
建筑院校毕业生求职信
2014/06/13 职场文书
机关党员四风问题个人整改措施
2014/10/26 职场文书
楚门的世界观后感
2015/06/03 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL
python库sklearn常用操作
2021/08/23 Python
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers
vue实现登陆页面开发实践
2022/05/30 Vue.js