隱藏元素下的GIF

Question

我知道在HTML元素中使用GIF時，運行我的JS的線程與播放GIF的線程相同。

我想知道當GIF是ng-hide="true"元素下會發生什麼，做它仍然消耗CPU時間？

例如：

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

的splash-image類帶來的GIF。

在上面的例子中，線程花費CPU時間來播放隱形GIF嗎？

感謝

Answer 1

有使用內存兩個方面：下載GIF，並在瀏覽器畫吧。

正如其他人在評論中提到，NG-如果去除其中的NG-隱藏簡單地適用display: none的元素的DOM元素。

如果您運行使用控制檯幾個測試，可以看到，儘管從DOM刪除元素，資產仍然是下載即使NG-if條件返回false。

所以基本上都NG，如果和NG-隱藏下載的資產，但也花費大量資源繪畫的元素。唯一的區別是，在下載資源之後，ng-if將其從DOM中省略。

下面您可以看到正常圖像的繪製結果，然後是帶有ng-hide的圖像。