0

私は初めてjavascriptを使ってウェブアプリを書いています。

Webアプリを簡単に再利用できるようにする、つまりjsファイル、html、cssを含む「パッケージ」を作成し、それらを次のようにロードするための最良の方法は何でしょうか。"load webapp"->launch it.

現在、index.html2つのdivを含むがあります。

  • 最初のものはサイト固有のホームページです
  • 2つ目は、最初は非表示で、Webアプリのパネルです。

ホームページで最初の選択が行われたら、jsメソッドを呼び出すアプリを起動します。

これをもっと一般的にしたいと思いますが、使用jquery load()することがクリーンなソリューションになるかどうか疑問に思いました(現在jqueryを使用しています)。これでhtmlが読み込まれますが、lib/appを使用してページにcssを手動で読み込む必要があると思います。

どんなアイデアでも大歓迎です。

4

3 に答える 3

1

可能な限り、 ASPXページにCSSまたはJSを埋め込まないように注意してください。常に別々のファイルに保存しておくと、コードを探し回ることなく、特定の側面を再利用するのがはるかに簡単になります。さまざまな機能をカプセル化するためにJavaScriptクラスが使用されているのを見たこともあります。これは、そのように傾倒している場合のオプションでもあります:)。

上記の例では、ドキュメントの準備ができた状態で外部JSファイルの関数を呼び出すのがおそらく最善です。

于 2012-04-16T20:32:18.597 に答える
0

JSをJQueryプラグインとして整理することも選択肢の1つです。すべてのJSを1つのプラグインにまとめることは意味がないかもしれませんが、作業を一口サイズのコンポーネントに分割する場合、これは意味があるかもしれません。非常に多くのリソースがあり、スパマーのようになりたくないので、特定のリソースについては言及しません。

お役に立てれば!

于 2012-04-16T21:09:07.810 に答える
0

jQueryの読み込みは、コードの整理やjsの動的な読み込みには役立ちません。他の完全な機能があります(onLoadイベントに登録するか、htmlページまたはajaxを介してページの一部を読み込む)

jsライブラリを動的にロードする場合は、lab.js(http://labjs.com)またはrequire.js(http://requirejs.org)を使用してください。ただし、一度にキャッシュされて読み込まれる大きなjsファイルを1つだけ持っていても問題ない場合があることに注意してください。

jsの整理に関しては、アプリによって異なります。時々jQueryプラグインが行く方法です。プロジェクトで使用しているソリューションを開発しました。ここで共有します:http://thebeast.heroku.com

于 2012-04-16T21:34:58.357 に答える