javascript - Ext js コーディング標準/ベスト プラクティス

Question

誰でも ext js コーディング標準を共有できますか? js ファイルの 2 つのバージョン (開発中のバージョンと本番環境用の圧縮バージョン) を用意する価値はありますか?

また、JS ファイルの数を教えてください。そのjsファイルが連続してダウンロードされる場所をいくつか読んだので、読みやすさのためだけに新しいファイルを追加することは避けました。むしろ、コンテンツを最小限のファイル数に収めます。これは本当ですか ？

Answer 1

はい.. JS の 2 つのバージョンが必要です.1 つは、開発中に使用する必要があるデバッグ バージョンと、運用環境に使用する必要があるファイルの縮小バージョンです。縮小バージョンを使用する必要がある理由は、縮小バージョンのファイル サイズがデバッグ バージョンよりもはるかに小さいため、クライアント側でのダウンロードが速くなるためです。難読化も試してみてください..これによりサイズはさらに小さくなりますが、難読化を達成するのはかなり難しいため、エラーが発生する場合があります。YUI Compressor は、これをかなりうまく処理します。JS のサイズが小さいほど、Web サイトをすぐに使用できるようになります。

JS がページに含まれている場合、JS はhead順次ダウンロードされます。これを避けるには、それらをbodyページの一部に配置します。これにより複数の接続が可能になるため、複数のファイルを同時にダウンロードできます。このようなヒントについては、このページをご覧ください。

ExtJ に関しては、できるだけ多くのカスタム コンポーネントを記述します。必要に応じて組み込みクラスを拡張します。ダウンロード可能な Ext JS パッケージには、いくつかの例が含まれています。さらにヘルプが必要な場合は、Ext JS ディストリビューションに同梱されている Ext JS 承認済みカスタム コンポーネントの extjs/example/ux フォルダーを確認してください。コンポーネントでを使用しないidでください。代わりに、itemIdまたはrefを使用してコンポーネントにアクセスしてみてください。

Answer 2

複雑な公式の例のアーキテクチャを見てください。最良の方法は、組み込みに基づいて独自のコンポーネントを作成することです。ExtJS4 の新しい MVC アーキテクチャについては、公式の API ドキュメントで詳しく説明されています。

.js の 2 つのバージョン (デバッグと本番) を選択する必要があります。

Answer 3

また、ext-all.js のカスタム バージョンをビルドしてみてください。ファイルサイズを小さくすることで、ダウンロード時間を大幅に節約できます。ページにファイル全体を使用することはないと確信しています。

すべての JS/CSS ファイルがログイン ページ自体にダウンロードされるように、prime cahce の概念を実装することもお勧めします。これにより、残りのページの読み込みが速くなります。

シリアル ダウンロードに関するご質問は、はい。各 js ダウンロードは HTTP リクエストであり、連続して行われます。したがって、ページの読み込み時に必要でない場合は、JS ファイルを本文にダウンロードするようにしてください。

Answer 4

Ext JS 3 について質問されていることを考えると、特別なツールがあるため、すべての JavaScript ファイルの結合と圧縮が非常に簡単になる Ext JS 4 に切り替えることを強くお勧めします。あなたが今これを尋ねていることを考えると、変換する JavaScript ファイルが多すぎることはありません。