Pengenalan kepada projek javascript sumber terbuka kemahiran Kissy_javascript

profil ciuman

Apakah itu kISSY?

KISSY ialah projek javascript sumber terbuka, badan utamanya ialah rangka kerja pembangunan UI bahagian hadapan, iaitu KissyUI. Kissy yang disebut dalam artikel ini hanya merujuk kepada bahasa dan idea reka bentuk rangka kerja dalam kissy.js bahagian terasnya. Laman web sumber terbuka projek KISSY ialah: http://kissyteam.github.com/

Bagaimana menggunakan kissy?

Walaupun kami telah mencadangkan beberapa konsep dan model rangka kerja baharu dalam proses mengubah KissyUI menjadi teras bercium, sebenarnya, kami tidak mengubah sebarang amalan penggunaan KissyUI. Dari sudut pandangan kod, tiada perubahan pada modul lain selepas kissy.js dan lang.js Oleh itu, jika anda hanya menggunakan kissy sebagai sistem UI, anda boleh merujuk kepada tapak web sumber terbuka di atas, yang mengandungi KissyUI sedia ada. dokumentasi. Ia benar-benar berkesan, dan KissyUI sendiri juga merupakan rangka kerja UI Web yang sangat baik dan mudah. Walau bagaimanapun, keupayaan sistem kissy dalam penggabungan dan organisasi berorientasikan model telah banyak dipertingkatkan.

Selepas memuat turun kod sumber, anda dapat melihat bahawa saiz fail kissy-min.js yang dimampatkan bagi keseluruhan kod ialah 42kb (jQuery-min ialah 71kb, teras dojo ialah 88kb)

Melihat dokumen laman web rasmi, saya mendapati projek kissy terbahagi kepada 9 bahagian

Struktur teras kissy.js boleh dibahagikan kepada

Kelas asas adalah kissy dan menyediakan kaedah berikut

(Ini adalah cadangan kecil untuk pembangun. Apabila saya mula-mula membaca dokumen ini, saya selalu berfikir bahawa untuk mengakses kaedah tambah, saya memerlukan kaedah pengisytiharan seperti kissy.kissy.add. Mungkin saya membaca terlalu banyak dokumen ext/dojo . , melihat dokumentasi kaedah organisasi kissy, saya tidak dapat memikirkan cara menggunakannya sepintas lalu, saya harap ia boleh diperbaiki)

.

Fahami teras API

Seperti semua rangka kerja js, kissy menyediakan objek kissy.Config untuk melaksanakan maklumat konfigurasi untuk pemuatan awal rangka kerja kissy,

dan acara DocumentReady, kaedah kissy.ready(fn),

(Pembangun tidak menulis di sini. Susunan pelaksanaan berbilang acara yang didaftarkan oleh sedia. Dengan melihat kod sumber, anda boleh mengetahui bahawa acara yang didaftarkan oleh sedia diletakkan dalam senarai. Apabila dilaksanakan, ia dilaksanakan mengikut kepada prinsip masuk dahulu, keluar dahulu )

Terdapat juga kaedah yang tersedia

yang dilaksanakan apabila elemen pemantauan tersedia.

Walau bagaimanapun, saya sentiasa merasakan terdapat kekaburan dalam pelaksanaan serta-merta di sini Prinsipnya biasanya pemasa, pengimbasan tertunda dan tidak boleh dikira sebagai segera

Merangkum keluaran nyahpepijat mudah, melaksanakan kaedah log dan ralat dan menggunakan konsol penyemak imbas

Untuk pengurusan komponen, kaedah seperti ruang nama (ruang nama), warisan objek (lanjutkan), salinan ahli objek (campuran/gabung), salinan prototaip (argumen) dan pengisytiharan objek (aplikasi) dilaksanakan,