Kitjs（http://xueduany.github.com/kitjs）は、Taobao Uedを離れた後、2011年末に作成したHTML5フロントエンドウィジェットライブラリのセットです。当初の目的は、携帯電話でのHTMLページインタラクティブコンポーネントの使用に焦点を当てることでした。文字通りキットと同様に、ビジョンは小柄で実用的であることであり、直接使用できます。また、2発展のコンポーネントを実行するのも非常に便利です。その後、プロジェクトが大きく大きくなり、コンポーネントの数が拡大するにつれて、PCブラウザー（IE6+、FF、Chrome Coreシリーズなど）のサポートも追加され、元の携帯電話開発分野に限定されなくなり、公式にフルプラットフォームに向かって移動し始めました。そのため、最近、すべての元のモジュールがJSDOC仕様に従って更新され、誰もが使用できるように徐々にオープンソースが更新されました。
誰もがキットの基本的な理解を得ることができるように、最初にkitjsの系図を入れましょう
それはどうですか？あなたがそれを見るとき、あなたは少しめまいを感じていますか？実際、私はそれを見るとめまいを感じます^_^。簡単に言えば、KitjsとDojoは互いに似ており、に分かれています
1。Kit.jsを備えたJSツールモジュールは、Dojoに似たキットの周りに拡張されています。
2。Kit.uiNamespaceの下のコンポーネントモジュール、Dijitに似ています
3. Dojoxのような実験室プロジェクトもありますが、ここでは指定されていません。
KITJSコンポーネントには、以前にブログに投稿した優れたコンポーネントがいくつかあります。
オーディオプレーヤー
iPhone効果のタブ
コンボボックス
3Dフォトアルバム
カレンダー
ライトボックス
等
また、まだ使用されているか、誰もが使用できるように徐々にリリースされているいくつかのより良いコンポーネントもあります。すべてのKITJSコンポーネントは、次のビジョンを満たしています
1.中国人ユーザーのユーザーエクスペリエンスに近づく
2。中国の開発者のコメントや文書に近づく
3.市場に存在する既存のコンポーネントを提供していないが、誰もが必要としていることを確認してください。
4.アセンブリを容易にし、より大きなウィジェットに融合するのに十分な細粒モジュール
KITJSツールモジュールでは、すべてのコードはクラスのプロトタイプ拡張に基づいており、開発者が使用できるインスタンス化されたグローバルオブジェクトが提供されます。すべてのクラス名は最初の文字で大文字であり、すべてのインスタンスオブジェクトは最初の文字の小文字です。キットは、他のクラスライブラリとの区別を容易にするために$文字から始まります。同時に、ツールモジュールでは、すべての方法が機能プログラミングスタイルで記述されます。これはKISSYと同じです。同時に、キットはjQueryで開発に慣れている学生に提供されます。 suger.jsの読み込みは、kitjsを使用してjqueryを使用してコードを書き込むことができます。メソッド名と使用法は、jQueryとまったく同じです。これがDOM対応イベントの例です
コードコピーは次のとおりです。
$ kit。$（function（$）{
$（ '。アイテム'、$（ '＃ギャラリー'））。各（function（）{
$（this）.css（{
TOP：$ kit.math.rand（$（ '＃gallery'）。innerheight（）） + 'px'、
左：$ kit.math.rand（$（ '＃gallery'）。innerwidth（）） + 'px'、
'-webkit-transform'： 'Rotate（' + $ kit.math.rand（-40、40） + 'deg）'
}）;
}）。pushStack（ 'a.kitlightbox'）。各（function（）{
new $ kit.ui.lightbox（{{
EL：これ
}）。init（）;
}）;
}）;
$ kit。$は、kitjsのDOM対応イベントです。匿名メソッドのパラメーター$は、内部閉鎖に渡されます。このようにして、$は$ kit。$（jqueryの$セレクターに相当）ではなく、内部閉鎖に直接使用できます。このように、閉鎖のすべてのコードはjQueryと変わりません。また、jQueryコードとKITJSコードの移植を容易にします。
この記事は、KITJSフレームワーク使用ガイドシリーズの最初の記事です。 Kitjsを簡単に紹介するだけです。将来、この優れたフロントエンドUIフレームワークについて詳しく学びます。