jqueryベースの大規模なWebサイトを構築するにはどうすればよいですか？

Question

私は新しいプロジェクト、大規模なjqueryアプリケーション/ Webサイトを開始したいと考えています。私はサイトがtwitterやgithub、非常にダイナミックな、非常に流動的/スムーズな、などのように多く機能するようにしたい。

私の問題はどこから始めるべきかわからない。私は無数のブログ記事を読んで、多くのJSフレームワーク/テンプレート& MVCタイプのシステムを調査しました。

JSコードを書くとき、すべてを1つのファイルに入れる必要がありますか？または、私は別々のファイルに書き込む各プラグインを分解し、Respond.JSのようなJSローダーを使用する必要がありますか？

私は、ハッシュタグのナビゲーション作業を取得するのに、私はテンプレートシステムが必要だと思うので、私はBACKBONE.JSや口ひげ/ Handlebars.JSのいずれかで

を探している誰もがこのための出発点を持っていますか？おそらく私が続けることができる定型的なソリューション/開発パターンですか？

ありがとうございます！

Answer 1

「大」という定義と展開するコンポーネントの種類に大きく依存します。私たちは何をすべきか、あなたに伝えるために十分ご使用の環境を知ることができるだろうと、それは非常に疑わしい見つけるが、私はあなたにいくつかの一般的なアドバイスを与えることができます：あなたはページ上のコンポーネントが必要な場合は

1. を（たとえば、インタラクティブなデータの視覚化）は、既製のプラグインを見つけようとします。

2. 市販のプラグインが利用できない場合は、コンポーネントをプラグインの形式で記述します。これはjQueryの設計とよく似ており、高度な再利用性を保証します。

3. HTMLからJavascriptを分離してください。通常、HTMLはリンクするJavascriptの「マウントポイント」として使用できるIDまたはクラスでいっぱいのページです。

   $（ドキュメント）.ready（関数（）{

   // AJAXがページ

   //要素を設定し、呼び出し、それ以外のものは何でも作り始める：Javascriptのファイルは通常、次のようになります必要。

   }）;

4. Javascriptがページに関連付けられている場合、各ページに独自のJavascriptファイルを与えながらページ数を減らしてください。ページが特に複雑な場合や、再利用可能なインクルードファイルを使用する場合は、Javascriptをページの一部だけを制御する小さなファイルに分割します。必要なだけ多くの$（document）.ready（）呼び出しが可能です。

幸運を祈る！あなたのJSが完了すると

Answer 2

、生産にそれが縮小さがあります。

http://jscompress.com/

をまた、あなたは、このようなjqueryのUIとして、複数のjqueryのアドオンを使用している場合は、より高速なパフォーマンスのために同じファイルの下で、それらすべてを保ちます。