JavaScriptライブラリ



JavaScript ライブラリ - jQuery、プロトタイプ、MooTools。


JavaScript フレームワーク (ライブラリ)

JavaScript での高度なプログラミング (特にブラウザーの違いの複雑な処理) は、多くの場合難しくて時間がかかります。

これらの調整に対処するために、多くの JavaScript (ヘルパー) ライブラリが作成されました。

これらの JavaScript ライブラリは、JavaScript フレームワークと呼ばれることがよくあります。

このチュートリアルでは、いくつかの人気のある JavaScript フレームワークについて学びます:

  • jQuery

  • Prototype

  • MooTools

これらのフレームワークはすべて、アニメーション、DOM 操作、 Ajax処理。

このチュートリアルでは、JavaScript プログラミングをより簡単、安全、そして楽しくするためにそれらを使い始める方法を学びます。


jQuery

jQuery は現在最も人気のある JavaScript フレームワークです。

CSS セレクターを使用して、Web ページ上の HTML 要素 (DOM オブジェクト) にアクセスして操作します。

jQuery は、コンパニオン UI (ユーザー インターフェイス) とプラグインの両方を提供します。

多くの大企業がウェブサイトで jQuery を使用しています:

  • Google

  • Microsoft

  • IBM

  • Netflix

jQuery をさらに詳しく学習するには、jQuery チュートリアルを参照してください。


Prototype

Prototype は、一般的な Web タスクを実行するためのシンプルな API を提供するライブラリです。

APIはApplication Programming Interfaceの略称です。これは、HTML DOM を操作するためのプロパティとメソッドのライブラリです。

プロトタイプは、クラスと継承を提供することで JavaScript を強化します。


MooTools

MooTools は、一般的な JavaScript プログラミングを簡単にする API を提供するフレームワークでもあります。

MooTools には、いくつかの軽量エフェクトとアニメーション機能も含まれています。


その他のフレームワーク

ここでは、上記で説明されていない他のフレームワークをいくつか紹介します:

YUI - Yahoo! ユーザー インターフェイス フレームワーク。単純な JavaScript 関数から完全なインターネット ウィジェットまで、多数の関数をカバーする大規模なライブラリです。

Ext JS - リッチ インターネット アプリケーションを構築するためのカスタマイズ可能なウィジェット。

Dojo - DOM 操作、イベント、ウィジェットなどのためのツールキット。

script.aculo.us - 視覚効果とインターフェイス動作のためのオープンソース JavaScript フレームワーク。

UIZE - ウィジェット、AJAX、DOM、テンプレートなど。


CDN - コンテンツ配信ネットワーク

Web ページをできるだけ高速にしたいと常に考えています。ページのサイズをできるだけ小さくし、ブラウザができるだけ多くキャッシュするようにしたいと考えています。

多くの異なる Web サイトが同じ JavaScript フレームワークを使用している場合、フレームワーク ライブラリを各 Web ページの共通の場所に配置して共有することが合理的です。

CDN (コンテンツ配信ネットワーク) はこの問題を解決します。 CDN は、共有可能なコード ベースを含むサーバーのネットワークです。

Google は、次のようなさまざまな JavaScript ライブラリ用の無料 CDN を提供しています。

  • でも Google のおかげです中国ではGFW(Great Firewall of China、グレートファイアウォール、略称GFW)によってブロックされることが多く、アクセスが不安定になるため、Baidu静的リソース公開ライブラリ:

    http://cdnの利用を推奨します。 code.baidu .com/
  • Web ページで JavaScript フレームワーク ライブラリを使用するには、<script> タグでライブラリを参照するだけです:

  • Quote jQuery

    <script src="http://apps.bdimg.com/libs/ jquery/2.1.1/jquery.min.js">
  • </script>
  • フレームワークの使用

    Web ページに JavaScript フレームワークを使用することを決定する前に、最初にフレームワークをテストすることが賢明です。の。
JavaScript フレームワークはテストが簡単です。これらをコンピューターにインストールする必要はなく、インストーラーもありません。

通常は、Web ページからライブラリ ファイルを参照するだけで済みます。

このチュートリアルの次の章では、jQuery のテスト プロセスについて完全に説明します。