Introduction au projet javascript open source Compétences Kissy_javascript

profil de bisous

Qu'est-ce que KISSY ?

KISSY est un projet javascript open source, son corps principal est un framework de développement d'interface utilisateur front-end, à savoir KissyUI. Le kissy mentionné dans cet article fait uniquement référence aux idées de conception de langage et de framework dans kissy.js de sa partie principale. Le site open source du projet KISSY est : http://kissyteam.github.com/

Comment utiliser Kissy ?

Bien que nous ayons proposé de nouveaux concepts et modèles de cadre dans le processus de transformation de KissyUI en Kissy Core, en fait, nous n'avons modifié aucune pratique d'utilisation de KissyUI. Du point de vue du code, il n'y a aucun changement dans les autres modules après kissy.js et lang.js. Par conséquent, si vous utilisez uniquement kissy comme système d'interface utilisateur, vous pouvez vous référer au site Web open source ci-dessus, qui contient le KissyUI existant. documentation. Il est totalement efficace et KissyUI lui-même est également un cadre d'interface utilisateur Web excellent et pratique. Cependant, les capacités du système Kissy en matière de fusion et d'organisation orientées modèles ont été considérablement améliorées.

Après avoir téléchargé le code source, vous pouvez voir que la taille du fichier compressé kissy-min.js de l'ensemble du code est de 42 Ko (jQuery-min est de 71 Ko, le noyau du dojo est de 88 Ko)

En regardant les documents du site officiel, j'ai trouvé que le projet kissy est divisé en 9 parties

La structure de base de kissy.js peut être divisée en

La classe de base est kissy et fournit les méthodes suivantes

(Voici une petite suggestion pour les développeurs. Quand j'ai lu ce document pour la première fois, j'ai toujours pensé que pour accéder à la méthode add, j'avais besoin d'une méthode de déclaration comme kissy.kissy.add. Peut-être que j'ai lu trop de documents ext/dojo . , en voyant la documentation de la méthode d'organisation de kissy, je ne comprends pas comment l'utiliser en un coup d'oeil, j'espère qu'elle pourra être améliorée)

.

Comprendre l'API principale

Comme tous les frameworks js, kissy fournit l'objet kissy.Config pour implémenter les informations de configuration pour le chargement initial du framework kissy,

et un événement DocumentReady, méthode kissy.ready(fn),

(Le développeur n'a pas écrit ici. L'ordre d'exécution de plusieurs événements enregistrés par ready. En regardant le code source, vous pouvez savoir que les événements enregistrés par ready sont placés dans une liste. Lorsqu'ils sont exécutés, ils sont exécutés selon au principe du premier entré, premier sorti )

Il existe également une méthode disponible

qui est exécutée lorsque l'élément de surveillance est disponible.

Cependant, j'ai toujours l'impression qu'il y a ici une ambiguïté dans l'exécution immédiate. Le principe est généralement une minuterie, une numérisation retardée, et ne peut pas être considéré comme immédiat

.

Encapsule une sortie de débogage simple, implémente une méthode de journalisation et d'erreur et utilise la console du navigateur

Pour la gestion des composants, des méthodes telles que l'espace de noms (namespace), l'héritage d'objet (étendre), la copie de membre d'objet (mix/merge), la copie de prototype (argument) et la déclaration d'objet (app) sont implémentées,