$ interpolateとng-repeatおよび1回限りのバインディングのパフォーマンス

デビッドマイケルギャング

http://www.binpress.com/tutorial/speeding-up-angular-js-with-simple-optimizations/135

ディレクティブには、ng-repeatよりもinterpolateを使用する方がよいと書かれています。

ng-repeatディレクティブは、パフォーマンスの問題で最悪の違反者である可能性が高く、簡単に悪用される可能性があります。ng-repeatは$ scopeオブジェクトの配列を処理する可能性が高く、これは$ digestサイクルのパフォーマンスを低下させます。

たとえば、ng-repeatを使用してグローバルナビゲーションをレンダリングする代わりに、$ interpolateプロバイダーを使用して独自のナビゲーションを作成し、オブジェクトに対してテンプレートをレンダリングしてDOMノードに変換することができます。

角度1.3を使用する場合、同じ結果を達成するために1回のバインディングでng-repeatを使用できます。

この目的のために$ interpolateを使用する方がまだ良いですか?

ジュッシコスネン

1.3未満の場合は、bindonceお勧めします。bindonce横に追加し、繰り返し部分でディレクティブをng-repeat変更してください基本的に、1.3のワンタイムバインディングと同じことを行います。ng-*bo-*

$interpolate1.3でワンタイムバインディングの代わりに使用する必要があるというあなたの質問の場合、あなたng-repeatを遅くするウォッチャーがなく、はるかに読みやすいので、ワンタイムバインディングで行くと思いますにもかかわらず、ng-repeatまだ子供のスコープを作成し、あなたがそれらのスコープで何もしていない場合、パフォーマンスの違いはごくわずかです。

経験から$digest、多くの子スコープがある場合でも、ウォッチャーをチェックしていない場合は、非常に多くの要素をレンダリングする際にブラウザーのパフォーマンスの問題が発生します

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Pythonバインディング; Cコードとパフォーマンスの呼び出し

分類Dev

Centos 7でのNIOおよびIOパフォーマンスの問題(1回目と2回目の読み取りと書き込み)

分類Dev

レイジーな1回限りのng-repeatバインディング内にネストされたバインディングは、一度だけバインドしますか?

分類Dev

anglejs-ワンタイムバインディングでは、 `ng-repeat`のパフォーマンスは向上しません

分類Dev

角度でのng-bindと1回限りのバインディングの違いは何ですか

分類Dev

readlineのモード、キーマップ、およびそれらのデフォルトのバインディングとは何ですか?

分類Dev

ngとの1回限りのバインディング-角度がある場合は?

分類Dev

VBAアーリーバインディングとレイトバインディング-実際のパフォーマンスの違い

分類Dev

ノードおよびバイナリツリーコンストラクタとデストラクタのセグフォールティング

分類Dev

Angular JS 1.3 + 3項条件のng-bindの1回限りのバインディング

分類Dev

MVVMコンボボックスバインディング:より多くのソースとの間でデータを設定および取得します

分類Dev

フラットテーブルのRedshiftパフォーマンスとディメンションおよびファクト

分類Dev

JOINとLEFTJOINおよびWHERE条件のパフォーマンスの提案をより詳細に説明する

分類Dev

ワンタイムバインディングを使用したng-repeat-それまでに追跡するとパフォーマンスに影響がありますか?

分類Dev

UI5での一方向バインディングと1回限りのバインディングの違い

分類Dev

MDXでのNONEMPTYおよびCROSSJOINのパフォーマンスと順序

分類Dev

Angularドロップダウンと同じフィールドへのテキスト入力およびAngularデータバインディング

分類Dev

異なるWCFバインディング、それらの違い、および他のプラットフォームとの互換性

分類Dev

Android mancj.MaterialSearchBar:リフレクションを使用して一部のAPIレイアウトとウィジェット、フォントファミリー、太字、パディングをオーバーライドおよび変更します

分類Dev

bufio.Readerおよびbufio.Scannerの機能とパフォーマンス

分類Dev

PHPのパフォーマンスfile_get_contents()とreadfile()およびcat

分類Dev

MatlabおよびScilabと比較したOctaveのパフォーマンス

分類Dev

MySQLのパフォーマンスDATE_FORMAT()とYEAR()およびMONTH()

分類Dev

AngularTranslateが1回限りのバインディングで翻訳されないことがある

分類Dev

Pythonのパフォーマンスの向上とコーディングスタイル

分類Dev

ネストされたng-repeat +ディレクティブのパフォーマンスの改善

分類Dev

構造化ストリーミング:透かしと1回限りのセマンティクス

分類Dev

ハイパースレッディングとゲーム(およびその他のコンピューティングアプリケーション)?

分類Dev

チェックボックス、PHPおよびMySQLのパフォーマンスとメンテナンス

Related 関連記事

  1. 1

    Pythonバインディング; Cコードとパフォーマンスの呼び出し

  2. 2

    Centos 7でのNIOおよびIOパフォーマンスの問題(1回目と2回目の読み取りと書き込み)

  3. 3

    レイジーな1回限りのng-repeatバインディング内にネストされたバインディングは、一度だけバインドしますか?

  4. 4

    anglejs-ワンタイムバインディングでは、 `ng-repeat`のパフォーマンスは向上しません

  5. 5

    角度でのng-bindと1回限りのバインディングの違いは何ですか

  6. 6

    readlineのモード、キーマップ、およびそれらのデフォルトのバインディングとは何ですか?

  7. 7

    ngとの1回限りのバインディング-角度がある場合は?

  8. 8

    VBAアーリーバインディングとレイトバインディング-実際のパフォーマンスの違い

  9. 9

    ノードおよびバイナリツリーコンストラクタとデストラクタのセグフォールティング

  10. 10

    Angular JS 1.3 + 3項条件のng-bindの1回限りのバインディング

  11. 11

    MVVMコンボボックスバインディング:より多くのソースとの間でデータを設定および取得します

  12. 12

    フラットテーブルのRedshiftパフォーマンスとディメンションおよびファクト

  13. 13

    JOINとLEFTJOINおよびWHERE条件のパフォーマンスの提案をより詳細に説明する

  14. 14

    ワンタイムバインディングを使用したng-repeat-それまでに追跡するとパフォーマンスに影響がありますか?

  15. 15

    UI5での一方向バインディングと1回限りのバインディングの違い

  16. 16

    MDXでのNONEMPTYおよびCROSSJOINのパフォーマンスと順序

  17. 17

    Angularドロップダウンと同じフィールドへのテキスト入力およびAngularデータバインディング

  18. 18

    異なるWCFバインディング、それらの違い、および他のプラットフォームとの互換性

  19. 19

    Android mancj.MaterialSearchBar:リフレクションを使用して一部のAPIレイアウトとウィジェット、フォントファミリー、太字、パディングをオーバーライドおよび変更します

  20. 20

    bufio.Readerおよびbufio.Scannerの機能とパフォーマンス

  21. 21

    PHPのパフォーマンスfile_get_contents()とreadfile()およびcat

  22. 22

    MatlabおよびScilabと比較したOctaveのパフォーマンス

  23. 23

    MySQLのパフォーマンスDATE_FORMAT()とYEAR()およびMONTH()

  24. 24

    AngularTranslateが1回限りのバインディングで翻訳されないことがある

  25. 25

    Pythonのパフォーマンスの向上とコーディングスタイル

  26. 26

    ネストされたng-repeat +ディレクティブのパフォーマンスの改善

  27. 27

    構造化ストリーミング:透かしと1回限りのセマンティクス

  28. 28

    ハイパースレッディングとゲーム(およびその他のコンピューティングアプリケーション)?

  29. 29

    チェックボックス、PHPおよびMySQLのパフォーマンスとメンテナンス

ホットタグ

アーカイブ