ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の動的ロード、キャッシュ、更新、再利用 (1)_JavaScript スキル

JavaScript の動的ロード、キャッシュ、更新、再利用 (1)_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 16:45:301321ブラウズ

使用範囲:

OA、MIS、ERP などの情報管理プロジェクトでは、当面 Web サイトは考慮されていません。

発生した問題:

プロジェクトを完了するには、多くの場合、jQuery.js、easyUI などの多くの js ファイルを参照する必要があります。私が書いた一連の js ファイルもありますが、ファイルが変更された場合、どのようにしてこれらのファイルを簡単にロードできるでしょうか?作業効率が改善できればそれに越したことはありません。

ターゲット:

1. jsファイルを簡単に参照できます。

2. サーバーからファイルを頻繁に読み取らないように、さまざまなキャッシュを使用してみてください。

3. js ファイルが更新された場合、または複数の js ファイルが追加または削除された場合、クライアントは自動的かつ即時に更新できる必要があります。

4. Js ファイルの再利用。

ページ構造:

一般に、OA や MIS などのプロジェクトはフレームセットや iframe を使用して実装されることが多く、親ページと子ページという概念があります。これを利用して大騒ぎすることができます。

Web ページは、シェル、ホームページ、タグ、データリスト、フォーム (追加、変更) の 3 つの部分に分けることができます。ここで説明した js を読み込む方法ではこのページ構造を使用する必要があるため、この Web サイトは当面サポートされません。

この写真には見覚えがあるかもしれません。なるほど、そういう構造なんですね。

JavaScript の動的ロード、キャッシュ、更新、再利用 (1)_JavaScript スキル

テキスト

現在、Web アプリケーションを作成する場合、自分で作成したさまざまな JS だけでなく、サードパーティの jQuery、easyUI、my97 などのさまざまな js に依存することが増えています。実装すべき機能はますます増え、使用する必要のある js も増え、js ファイルは頻繁に変更されます。その結果、各ページに大量の