X-Git-Url: http://git.osdn.jp/view?p=pettanr%2FclientJs.git;a=blobdiff_plain;f=0.6.x%2Fjs%2F01_core%2F01_X.js;fp=0.6.x%2Fjs%2F01_core%2F01_X.js;h=28c783c86a363bfa0b65eba258ae18343ac21e5a;hp=fabeeebc22b01070e2a53ebd352ea97307065bea;hb=a130cabd01fde8865990a59d849f5d5d08ed2119;hpb=9e30a8480de03f0b36d2411a0ecb7f1d0f47b61f diff --git a/0.6.x/js/01_core/01_X.js b/0.6.x/js/01_core/01_X.js index fabeeeb..28c783c 100644 --- a/0.6.x/js/01_core/01_X.js +++ b/0.6.x/js/01_core/01_X.js @@ -22,17 +22,36 @@ * この意識は常にありましたが、このたび pettanR フレームワークの API ドキュメントを作成するにあたり、それに付記していく形で取り組んでみようと思います。 * *

フレームワークのレイヤー構造について

+ *
\core 以下:javascript の整地を行い大規模開発の基礎を整える
+ *

ブラウザの種類とバージョンを調べ、続いて javascript 自体の差異を埋め、足りない関数を補います。 + *

続いて、ファーストオブジェクトとも呼ばれる function について、その能力を引き出しつつ安心して使えるように、再利用可能クロージャの生成・破棄ができるようにします。 + * ガベージコレクション周りが怪しいブラウザがあるため、クロージャを再利用可能にしておくことは重要です。 + *

javascript が大規模開発に使えるように、クラス定義関数を用意します。prototype 周りの差異やバグを吸収するためにも、クラス定義の共通化は有効です。 + *

このクラス定義関数を用いて EventDispatcher クラスを定義します。ブラウザの提供するイベントターゲットオブジェクトをラップしたり、単にアプリケーション独自のイベントを配信するためにも使えます。 + * フレームワークの各所でサブクラスや単にインスタンスを拡張して使われています。フレームワークの API 設計の性格を決めている、とても重要なクラスです。 + * 再利用可能クロージャや、タイマー(setTimeout のラッパー) とも密に結合しています。 * + *

\dom 以下:DHTML の差異を吸収し、非同期化された仮想 Node を提供する
+ *

jQuery ライクな構文で DOM ツリーの操作を行います。チェーンメソッドは速い、と聞きかじったのでこのデザインにしました。 + *

Real DOM の操作は非同期に行われるため高速です。Virtual DOM 時代のライバル達にひけをとることはありません。 + *

10 年後の変化に対応するため、確かな抽象化実装を行う。それを証明するために 10 年前の環境でも動作させます。 * - * ライブラリは X という名前空間を使用します。 - * @example //ショートハンド + *

\ui 以下:UI フレームワーク
+ *

\dom までで吸収できなかった Web ブラウザの差異を最終的に吸収し、HTML 要素を UI 部品として利用するためのレイヤーです。 + *

この層で吸収できなかった差異に関する情報を提供して、アプリケーションに UI をグレースフルグラデーションするための情報を提供します。 + *

任意の UI を実現するための最適な HTML タグ構造がブラウザ毎に異なる場合に、その差異をカプセル化します。 + *

Web ブラウザ自体のレンダリングコストを最小にし、高速な UI 部品を提供するために、独自のレイアウトルールを持ちます。 + *

フォントサイズをベースとしたレイアウト指定のため、レスポンシブな画面作りを後押しします。 + * + * @example // ライブラリは X という名前空間を使用します。 + * //ショートハンド * X( func ) == X.ViewPort.listenOnce(X.Event.XDOM_READY, func); * X('#mydiv') == X.Doc.find('#mydiv'); * @namespace X */ function X( v ){ - if( X.Type.isFunction( v ) ){ - X.ViewPort.listenOnce( X.Event.XDOM_READY, v ); + if( X_Type_isFunction( v ) ){ + X.ViewPort.listenOnce( X_Event[ 'XDOM_READY' ], v ); } else if( X_shortcutFunction ){ return X_shortcutFunction.apply( X_shortcutContext || X, arguments ); @@ -51,6 +70,9 @@ if( !window['console'] || ( window.parent && window.parent.log ) ) } }; //+DEV} +//{-AUDIO +//-AUDIO} + var undefined, X_EMPTY_OBJECT = {}, X_TEMP = { onSystemReady : [] },