Open source JavaScript Project Kissy Introduction to _javascript Tips

Kissy Introduction

What is Kissy?

Kissy is an Open-source JavaScript project whose main body is a front-end UI development framework, the Kissyui. The kissy described in this paper refers only to the language and frame design thought in the kissy.js of its kernel part. The open source website for the Kissy project is: http://kissyteam.github.com/

Kissy How to use it?

Although we have proposed some new concepts and framework models in the process of Kissyui to Kissy, we have not, in fact, changed any usages of Kissyui. From the code point of view, Kissy.js and lang.js other modules, and no changes, so if only the Kissy as a UI system to use, you can refer to the above open source Web site, where the existing Kissyui document is completely valid, and Kissyui itself is a good, A convenient Web UI framework. However, the ability of the Kissy system to merge and organize is greatly enhanced.

After downloading the source code, you can see the entire code compressed kissy-min.js file size is 42kb (Jquery-min is 71kb,dojo core is 88kb)

View the official website documents, found that the Kissy project is divided into 9 parts

And the structure of kissy.js core can be divided into

The base class is Kissy and provides the following methods

(here to give developers a little advice, first look at this document, I always thought to access the Add method, need to kissy.kissy.add such a statement, it may be to see the Ext/dojo document more, see Kissy This Organization way document, let me not a glance, Know how to use the specific method, I hope to improve the next bar ... ）

Understanding Core APIs

Like all JS Frameworks, Kissy provides kissy. Config object implements the configuration information that the Kissy framework initially loads,

And a Documentready event, the Kissy.ready (FN) method,

(Developers here do not write, ready register the sequence of the execution of multiple events, by looking at the source code, you can know that ready registered events are placed in a list, the implementation, according to the principle of FIFO implementation)

There is also a method to perform when monitoring elements are available available

But always feel that there is an immediate implementation of ambiguity, the principle of universal is a timer, delayed scan, can not be counted immediately

Encapsulates a simple debug output, implements a Log,error method, and leverages the browser console

For component management, a namespace (namespace), object Inheritance (extend) and object member copy (Mix/merge), prototype copy (argument), object Declaration (app), and so on are implemented,