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

kISSY是什么？

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

kissy怎么使用呢？

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

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

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

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

基類為kissy，提供以下方法

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

了解核心api

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

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

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

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

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

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

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

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