オープンソース JavaScript プロジェクト Kissy_javascript スキルの紹介

キッシープロフィール

kissyとは何ですか?

KISSY はオープンソースの JavaScript プロジェクトであり、その本体はフロントエンド UI 開発フレームワーク、つまり KissyUI です。この記事で言及する Kissy は、そのコア部分の Kissy.js における言語とフレームワークの設計思想のみを指します。 KISSY プロジェクトのオープンソース Web サイトは次のとおりです: http://kissyteam.github.com/

kissyの使い方は？

KissyUI を Kissy コアに変換する過程で、いくつかの新しい概念とフレームワーク モデルを提案しましたが、実際には、KissyUI の使用方法は何も変更していません。コードの観点から見ると、kissy.js と lang.js 以降の他のモジュールには変更はありません。したがって、UI システムとして Kissy のみを使用する場合は、既存の KissyUI が含まれている上記のオープンソース Web サイトを参照できます。これは完全に効果的であり、KissyUI 自体も優れた便利な Web UI フレームワークです。ただし、kissy システムのモデル指向のマージと編成の機能は大幅に強化されました。

ソース コードをダウンロードすると、コード全体の圧縮された Kissy-min.js ファイル サイズが 42 kb (jQuery-min は 71 kb、dojo コアは 88 kb) であることがわかります。

公式ウェブサイトのドキュメントを見ると、kissy プロジェクトは 9 つのパートに分かれていることがわかりました

kissy.js のコア構造は

に分割できます

基本クラスは複雑で、次のメソッドを提供します

(これは開発者向けの小さな提案です。このドキュメントを最初に読んだとき、add メソッドにアクセスするには、kissy.kissy.add のような宣言メソッドが必要だといつも思っていました。たぶん、ext/dojo ドキュメントを読みすぎたのかもしれません。 、kissyの編成方法のドキュメントを見ても、一見使い方が分かりません、改善されるといいですね）

。

コア API を理解する

すべての js フレームワークと同様に、kissy は、kissy フレームワークの初期読み込みのための構成情報を実装するために、kissy.Config オブジェクトを提供します。

および DocumentReady イベント、kissy.ready(fn) メソッド、

(開発者はここには書いていません。readyで登録した複数のイベントの実行順序です。ソースコードを見るとreadyで登録したイベントがリストに並んでいることがわかります。実行するとそれに応じて実行されます)先入れ先出しの原則に従う)

監視要素が利用可能なときに実行されるメソッドも利用可能です

。

しかし、ここでの即時実行にはあいまいさがあるといつも感じます。原理は一般にタイマーであり、遅延スキャンであり、即時としてカウントすることはできません。

単純なデバッグ出力をカプセル化し、ログとエラーのメソッドを実装し、ブラウザのコンソールを使用します

コンポーネント管理には、名前空間(namespace)、オブジェクト継承(extend)、オブジェクトメンバーコピー(mix/merge)、プロトタイプコピー(argument)、オブジェクト宣言(app)などのメソッドが実装されており、