開源的javascript項(xiàng)目Kissy介紹_javascript技巧

kISSY是什么？

KISSY是一個開源的javascript項(xiàng)目，其主體是一個前端UI開發(fā)框架，即KissyUI。本文所述的kissy是僅指其內(nèi)核部分的kissy.js中的語言與框架設(shè)計思想。KISSY項(xiàng)目的開源網(wǎng)站是：http://kissyteam.github.com/

kissy怎么使用呢？

盡管在KissyUI向kissy內(nèi)核化的過程中，我們提出了一些新的概念與框架模型，但事實(shí)上，我們并未改變KissyUI的任何使用慣例。從代碼上來看，kissy.js和lang.js以后的其它模塊，并沒有任何的變化，因此如果僅是將kissy當(dāng)成一個UI系統(tǒng)來使用，你可以參考上面的開源網(wǎng)站，其中既有的KissyUI文檔是完全有效的，而且KissyUI本身也是一個優(yōu)秀的、便捷的Web UI框架。但是，kissy系統(tǒng)在模向合并和組織上的能力大大增強(qiáng)了。

下載源代碼后，可以看到整個代碼壓縮后的kissy-min.js文件大小為42kb（jQuery-min為71kb，dojo core為88kb）

查看官網(wǎng)文檔，發(fā)現(xiàn)kissy項(xiàng)目分為9個部分

而kissy.js核心的結(jié)構(gòu)可以分為

基類為kissy，提供以下方法

（這里給開發(fā)者提一個小小的建議，初看這個文檔，我一直以為要訪問add方法，需要kissy.kissy.add這樣的申明方式，可能是看ext/dojo的文檔看多了，看到kissy這種組織方式的文檔，讓我無法一眼，知道具體方法的使用方式，希望能改進(jìn)下吧。。）

了解核心api

與所有的js框架一樣，kissy提供了kissy.Config對象實(shí)現(xiàn)kissy框架初始加載的配置信息，

和一個DocumentReady事件，kissy.ready(fn)方法，

（這里開發(fā)者沒寫，ready注冊的多個事件的執(zhí)行順序，通過查看源代碼，可以知道，ready注冊的事件是放在一個list里面的，執(zhí)行時候，按照先進(jìn)先出的原則執(zhí)行）

還有一個監(jiān)測元素可用時執(zhí)行的方法available

不過總覺得這里的立刻執(zhí)行有歧義，其原理通用是一個timer，延時掃描，不能算立刻

封裝了簡單了debug輸出，實(shí)現(xiàn)了一個log，error方法，利用瀏覽器的console

為了組件化管理，實(shí)現(xiàn)了命名空間（namespace），對象繼承（extend）和對象成員拷貝（mix/merge），原型拷貝（argument），對象申明（app）等方法，

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com