JavaScriptライブラリとは何ですか?

JavaScript ライブラリは、JavaScript フレームワークとも呼ばれます。これらのライブラリは、難しくて時間のかかる JavaScript の高レベル プログラミングを調整するために作成されています。すべての js フレームワークは、アニメーション、DOM 操作、Ajax などの一般的な JavaScript タスク用の関数を提供します。取り扱い。

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

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

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

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

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

これらのフレームワークはすべて、アニメーション、DOM 操作、Ajax 処理などの一般的な JavaScript タスク用の関数を提供します。

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

jQuery

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

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

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

多くの大企業は Web サイトで jQuery を使用しています:

• Google

• Microsoft

• IBM

• Netflix

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 を提供しています。

• jQuery

• Prototype

• #MooTools

##Dojo

• ##Yahoo! YUI

• ##などWeb ページで JavaScript フレームワーク ライブラリを使用するには、

  著者別の最新記事

  • インターフェース設計書を共有する際の12の注意点
    2023-04-24 11:00:01
  • フロントエンドがバッテリー情報を取得する方法について話しましょう
    2023-04-24 10:55:51
  • Ace コード エディターを Vue プロジェクトに統合する方法の詳細な図による説明
    2023-04-24 10:52:44
  • 8 つのデモを使用して Go 言語の defer の 5 つの主要な機能を理解する
    2023-04-23 17:40:51
  • file_get_contents と getimagesize の時間のかかる深刻な問題の詳細な説明
    2023-04-23 17:38:02
  • PHP 無料確認コードを共有する (コード付き)
    2023-04-23 17:34:02
  • Linux での yum の意味
    2023-04-23 10:15:45
  • Linux jbossとは何ですか
    2023-04-23 10:10:52
  • Redis の多次元ランキングのアイデアを共有する
    2023-04-21 16:01:59
  • ある記事では、php+roadrunner による grpc サーバーの実装について詳しく説明しています。
    2023-04-21 15:58:01
  最新の問題

  JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります

  から 2024-04-06 19:25:49

  0

  1

  505

  d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...

  から 2024-04-06 18:16:26

  0

  1

  403

  ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...

  から 2024-04-06 15:35:24

  0

  1

  274

  Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...

  から 2024-04-06 14:54:03

  0

  2

  421

  CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...

  から 2024-04-06 12:53:11

  0

  1

  376
  関連トピック

  詳細>

  • 配列の長さを取得するjsメソッド
  • jsで現在のページを更新する
  • jsの丸め
  • ノードを削除するjsメソッド
  • JavaScript エスケープ文字
  • jsで乱数を生成する方法
  • JavaScriptを有効にする方法
  • JSのSymbolクラスの詳細説明