4

私はかなり複雑な webapps/dashboards を開発していますが、ほとんどが Javascript です。私はサーバー上で mongo とノードを使用するのが好きですが、クライアント上では通常、ライブラリとスクリプトのアプリケーション固有の混乱があります。

私の現在のプロジェクトには、bootstrap、jquery、jquery-ui、D3、leaflet、crossfilter、およびいくつかのあいまいなものの組み合わせが含まれており、アプリケーションは素晴らしいですが、コードはひどい混乱になっていると言っても過言ではありません。特に、D3 と crossfilter のコードは非常に冗長です。典型的な例については、公式のcrossfilter デモのソースなどを参照してください。

質問:大規模な JavaScript アプリケーションを整理するための優れたツールとベスト プラクティスは何ですか?

私はすでにグローバル変数を避け、クロージャーを使用して名前空間を整理しようとしていますが、これ以上の構造が必要なのではないかと心配しています。サーバーには非常に優れた npm がありますが、ブラウザに似たようなものはありますか?

require.js、backbone.js、およびcoffeescriptを調べましたが、これらが本当に問題を解決するのか、それとも複雑さを増すだけなのかはよくわかりません。

4

2 に答える 2

3

すでに正しい道を歩んでいるように思えますが、ここにいくつかのヒントがあります。

  1. フレームワークを使用します。今はバックボーンが人気ですが、他にもあります。コードの編成に大きく役立ちます。実際、アプリのサイズに関係なく、スパゲッティ コードを回避するためにフレームワークは絶対に必要です。その他の一般的なフレームワークには、EmberとKnockoutがあります。

  2. これらのフレームワークのいずれかを使用しないことにした場合は、少なくともテンプレートを使用してください。口ひげやアンダースコアに組み込まれているものなど。

  3. ファイルを結合して縮小します。主にロード時間を最適化します。理想的には、これを行うバックエンドに追加する何かを見つけることができます。たとえば、Rails の「アセット パイプライン」では、Sprocketsと呼ばれるものが使用されます。

  4. 私は人々がcoffeescriptについて激怒しているのを聞いています。機能を実際に追加するわけではありませんが、気に入った人は、コードがきれいになると言っています。

于 2012-08-04T22:30:20.410 に答える