ng-hide要素の下のGIF

私は、HTML要素でGIFを使用すると、自分のJSを実行するスレッドがGIFを再生するのと同じスレッドであることを知っています。ng-hide要素の下のGIF

GIFがng-hide="true"要素の下にあるときに何が起こるのだろうと思っていましたが、それでもCPU時間を消費しますか？例えば

：

<div ng-hide="true" class="splash-image"></div>

splash-imageクラスは、GIFにもたらします。

上記の場合、目に見えないGIFを再生するスレッドのCPU時間はかかりますか？

おかげ

2016-03-24 johni

、私の提案は、DOM要素が削除され、この場合であればNGを、使用することです。 https://docs.angularjs.org/api/ng/directive/ngIf –

何か起こった後に私はそれを隠す（または削除する）必要があります。 – johni

あなたは式を使うことができます：ng-if = "式" –

メモリ使用して二つの領域があります：GIFをダウンロードし、ブラウザでそれを絵で。

ng-ifは、他の人がコメントで述べたように、ng-hideが要素に単にdisplay: noneを適用するDOMから要素を削除します。

コンソールを使用していくつかのテストを実行すると、DOMから要素を削除しても、ng-if条件がfalseを返してもアセットがダウンロードされることがわかります。

したがって、ng-ifとng-hideは基本的にアセットをダウンロードしますが、どちらも要素を描画するリソースを消費しません。唯一の違いは、資産をダウンロードした後、ng-ifがDOMからそれを省略したことです。

通常の画像のペイント結果、ng-hideの画像が表示されます。代わりに、NG-非表示とNG-ショーの

2016-03-24 13:46:27

答えて