开源的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入门基础 document.write输出
Feb 22 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
Feb 11 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
js实现简单的左右两边固定广告效果实例
Apr 10 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
微信小程序实现多选删除列表数据功能示例
Jan 15 Javascript
微信小程序文章详情功能完整实例
Jun 03 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
Jul 27 Javascript
vue element ui validate 主动触发错误提示操作
Sep 21 Javascript
vue使用svg文件补充-svg放大缩小操作(使用d3.js)
Sep 22 Javascript
在vue中使用eslint,配合vscode的操作
Nov 09 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 curl常见错误:SSL错误、bool(false)
2011/12/28 PHP
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
JSON字符串传到后台PHP处理问题的解决方法
2016/06/05 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
PHP让网站移动访问更加友好方法
2019/02/14 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
python 实现return返回多个值
2019/11/19 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
2014年英语教研组工作总结
2014/12/06 职场文书
会计专业求职信范文
2015/03/19 职场文书
应聘教师自荐信
2015/03/26 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
党员个人承诺书
2015/04/27 职场文书
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL