开源的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 相关文章推荐
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
javascript中的this详解
Dec 08 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
package.json文件配置详解
Jun 15 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
微信小程序wx.request实现后台数据交互功能分析
Nov 25 Javascript
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
Vue的全局过滤器和私有过滤器的实现
Apr 20 Javascript
JavaScript控制台的更多功能
Apr 28 Javascript
低门槛开发iOS、Android、小程序应用的前端框架详解
Oct 16 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
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
微信公众号开发之通过接口删除菜单
2017/02/20 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
用js实现的页面关键字密度查询代码
2007/12/27 Javascript
JS查看对象功能代码
2008/04/25 Javascript
浅析js设置控件的readonly与enabled属性问题
2013/12/25 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
使用jQuery加载html页面到指定的div实现方法
2016/07/13 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
Bootstrap 中data-[*] 属性的整理
2018/03/13 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
Python计算字符宽度的方法
2016/06/14 Python
python获取指定时间差的时间实例详解
2017/04/11 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
Python jieba库分词模式实例用法
2021/01/13 Python
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
澳大利亚领先的在线药房:Pharmacy Online(有中文站)
2020/02/22 全球购物
历史学专业推荐信
2013/11/06 职场文书
工业设计专业个人求职信范文
2013/12/28 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
2016简历自荐信优秀范文
2016/01/29 职场文书
Redis三种集群模式详解
2021/10/05 Redis