首頁 > web前端 > js教程 > 開源的javascript專案Kissy介紹_javascript技巧

開源的javascript專案Kissy介紹_javascript技巧

WBOY
發布: 2016-05-16 16:29:45
原創
1567 人瀏覽過

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)等方法,

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板