プロトタイプフレームワーク_javascriptスキルの詳細説明

ここで言う「プロトタイプ」とは、JavaScript プログラミングにおけるプロトタイプ (「プロトタイプ」) ではなく、「Sam Stephenson」によって書かれた JavaScript クラス ライブラリです。この素晴らしく考案された標準互換のクラス ライブラリは、プログラマーが高度にインタラクティブな「web2.0」機能を備えたリッチ クライアント ページを簡単に作成するのに役立ちます。

•多くの人が最初に Prototype に触れるのは、その「$」シリーズの関数から始まります。これらはデスクトップ アプリケーションのショートカットに似ており、Prototype フレームワークで最も頻繁に使用される関数セットです。さらに、Prototype の Ajax サポートも開発者にとって非常に興味深いものです。もちろん、Prototype の機能はこれに限定されません。多くの JavaScript 組み込みオブジェクトが拡張され、多くの新しいオブジェクトも定義されています。

プロトタイプ フレームワークの紹介:

•プロトタイプは現在最も広く使用されている Ajax 開発フレームワークであり、実用的な機能と小さいサイズが特徴で、中小規模の Web アプリケーションでの使用に非常に適しています。 Ajax アプリケーションの開発には、大量のクライアント側 JavaScript スクリプトを記述する必要がありますが、プロトタイプ フレームワークを使用すると、JavaScript コードの記述を大幅に簡素化できます。さらに珍しいのは、Prototype にはさまざまなブラウザーと互換性のある優れた機能があり、このフレームワークを使用すると、ブラウザーの互換性の問題を考慮する必要がなくなります。

•プロトタイプは、JavaScript の組み込みオブジェクト (「文字列」オブジェクト、「配列」オブジェクトなど) に多くの便利な拡張を作成しました。同時に、これらを含む多くのカスタム オブジェクトがフレームワークに追加されました。 Ajax 開発のサポートなどはすべてカスタム オブジェクトで実装されます。プロトタイプは、開発者が次の目標を達成するのに役立ちます:

•(1) 文字列に対して各種処理を行う
•(2) 列挙を使用してコレクション オブジェクトにアクセスします
•(3) 一般的な DOM 操作をより簡単な方法で実行します
•(4) CSS セレクターを使用してページ要素を見つけます
•(5) Ajax HTTP リクエストを開始し、レスポンスを処理します
•(6) DOMイベントの監視とイベントの処理

•「Prototype」フレームワークの機能を実践的な機能を使って詳しく解説

「Prototype」フレームワークの実装には JavaScript が 1 つだけ含まれています。「Prototype.js」のバージョン 1.6 のファイル サイズは 127K バイト、約 4220 行です。ページに適用される構文は次のようなものです:

&#8226;<script type=”text/javascript” src=”inc"js"Prototype.js” ></script>

•このフレームワークによってもたらされる利便性を後続のスクリプトで活用できます。

•このフレームワークには多くの事前定義されたオブジェクトとユーティリティ関数があり、プログラマーを反復的な入力から解放します。

•(1)「$()」関数を使います。
•(2) 「$F()」関数を使用します。この関数は、複数行のテキスト ボックスやドロップダウン リスト ボックスなどのフォーム入力コントロールの値を返すために使用できる、もう 1 つの一般的な「ショートカット」です。このメソッドは、要素 ID または要素自体をパラメータとして受け取ることもできます。
•(3) 「$A()」関数を使用します。この関数は、受け取った 1 つの引数を Array オブジェクトに変換します。
•(4) 「$H()」関数を使用します。この関数は、いくつかのオブジェクトを、連想配列に似た列挙可能な Hash オブジェクトに変換します。
•(5) 「$R()」関数を使用します。この関数は「new ObjectRange(lowBound,upperBound,excludeBounds)」の略で、範囲オブジェクトを作成するために使用されます。
•(6)「Try.these()」関数を使用します。 「Try.these()」メソッドは、いずれかのメソッドが成功するまでさまざまなメソッドを呼び出すために使用されます。この関数は、一連のメソッドをパラメータとして受け取り、そのうちの 1 つが正常に実行されるまで、これらのメソッドを 1 つずつ順番に実行します。正常に実行されたメソッドの戻り値を返します。 「Try.these()」関数を使用すると、互換性の問題を処理できます。