开源的javascript项目Kissy介绍

 更新时间:2014年11月28日 10:58:22   投稿:hebedich  
本文向大家介绍了开源的javascript项目Kissy,是taobao UED小组推的一款js框架,我们来简单研究下,为什么taobao这么推崇他呢。

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个部分

而kissy.js核心的结构可以分为

基类为kissy,提供以下方法

(这里给开发者提一个小小的建议,初看这个文档,我一直以为要访问add方法,需要kissy.kissy.add这样的申明方式,可能是看ext/dojo的文档看多了,看到kissy这种组织方式的文档,让我无法一眼,知道具体方法的使用方式,希望能改进下吧。。。)

了解核心api

与所有的js框架一样,kissy提供了kissy.Config对象实现kissy框架初始加载的配置信息,

和一个DocumentReady事件,kissy.ready(fn)方法,

(这里开发者没写,ready注册的多个事件的执行顺序,通过查看源代码,可以知道,ready注册的事件是放在一个list里面的,执行时候,按照先进先出的原则执行)

还有一个监测元素可用时执行的方法available

不过总觉得这里的立刻执行有歧义,其原理通用是一个timer,延时扫描,不能算立刻

封装了简单了debug输出,实现了一个log,error方法,利用浏览器的console

为了组件化管理,实现了命名空间(namespace),对象继承(extend)和对象成员拷贝(mix/merge),原型拷贝(argument),对象申明(app)等方法,

相关文章

  • Bootstrap实现渐变顶部固定自适应导航栏

    Bootstrap实现渐变顶部固定自适应导航栏

    这篇文章给大家介绍了Bootstrap实现渐变顶部固定自适应导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 如何写一个通用的JavaScript效果库!(2/2)

    如何写一个通用的JavaScript效果库!(2/2)

    如何写一个通用的JavaScript效果库!(2/2)...
    2007-04-04
  • JavaScript Proxy基本用法详解

    JavaScript Proxy基本用法详解

    这篇文章主要介绍了JavaScript Proxy基本用法,Proxy对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义,如属性查找、赋值、枚举、函数调用等
    2022-12-12
  • js 正则验证密码强度(包含数字+特殊字符+英文字母大小写)

    js 正则验证密码强度(包含数字+特殊字符+英文字母大小写)

    密码验证是常见的网站注册方法,本文主要介绍了js 正则验证密码强度(包含数字+特殊字符+英文字母大小写),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • 微信小程序开发之toast等弹框提示使用教程

    微信小程序开发之toast等弹框提示使用教程

    弹框提示是我们在开发中经常用的一个效果,下面这篇文章主要给大家介绍了微信小程序开发之toast等弹框提示实现的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06
  • NW.js 简介与使用方法

    NW.js 简介与使用方法

    NW.js (原名 node-webkit)是一个基于 Chromium 和 node.js 的应用运行时,通过它可以用 HTML 和 JavaScript 编写原生应用程序.这篇文章主要介绍了NW.js 简介与使用,需要的朋友可以参考下
    2018-02-02
  • 分析JS单线程异步io回调的特性

    分析JS单线程异步io回调的特性

    这篇文章主要分析了javascript单线程异步io回调的特性这个问题,希望我们整理的内容能帮助到你。
    2017-12-12
  • 基于JS实现点击图片在弹出层显示大图效果

    基于JS实现点击图片在弹出层显示大图效果

    Javascript是个好东西。Jquery是基于这个好东西的一个强大的库。本文将利用JavaScript实现点击图片在弹出层显示大图功能,感兴趣的可以了解一下
    2022-08-08
  • javascript:;与javascript:void(0)使用介绍

    javascript:;与javascript:void(0)使用介绍

    有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法
    2013-06-06
  • 使用闭包对setTimeout进行简单封装避免出错

    使用闭包对setTimeout进行简单封装避免出错

    写js脚本时经常会用到一些拼写函数的情况,例如调用setTimeout...查了很长时间,为什么就是弹不出对话框呢,使用闭包就可完全避免了
    2013-07-07

最新评论