各ページには独自の .js があり、再利用可能な機能 (ライブ検索、ドロップダウン メニュー) が各ページの all.js に含まれている必要がありますか? これを構造化する最良の方法が何であるかはわかりません。ご意見ありがとうございます。
1 に答える
機能に応じてjsファイルを作成します。あるドロップダウン メニュー、別の livevalidation、別の検索など。
ページ ヘッダーに menu、livevalidation、jquery が含まれているとします。必要な順序付きの .js インクルードをすべて含む header.php または .html ページを作成し、php/asp/whatever のインクルード関数を使用してそのページをインクルードします。
個々のページに関する限り、それはあなた次第です。個人的にはそれほど多くないので、「pagesAjax.js」と「pages.js」にまとめただけで、将来、JavaScript の「カテゴリ」が増えるにつれて拡張する予定です。ソースをかなりきれいに保ちます。
完全開示。これはしばらくの間うまくいきましたが、帯域幅が非常に限られている組み込みプロジェクトに取り組んでいます。すべての javascript/css ファイルを 1 つの all.js ファイルと 1 つの all.css ファイルに縮小および圧縮します。次に、#include でこれら 2 つのファイルを指す includes.html を作成します。クライアントが js ファイルと css ファイルをファイル リビジョンごとに 1 回だけダウンロードするように、いくつかのキャッシング トリックを行いました。