javascript - 当我以 Angular 使用进度条时 CPU 高

Question

当我启动带有 2 个进度条的页面时，我有这么高的 CPU ...

我检查了一下，删除了它们，网站速度快多了。

这是我的进度条的片段:

                    <progressbar class="progress-danger progress-striped active" value="procentValueEmail" name = "domains_emails_search">

                  <span class="badge badge-info-rev" n>
                      {{procentValueEmail | number:1}}%
                         </span>
                        </progressbar>

我正在使用 Angularjs，procentValueEmail 是实体值。

知道如何在 Angualar 中无延迟地使用进度条吗？我的库

<script src="static/bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
<script src="static/bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

Answer 1

在您的 html 标记中，您有一个设置为“事件”的类。该类将导致重绘，因为它会打开不可见的动画。

<progressbar class="progress-danger progress-striped" value="procentValueEmail" name = "domains_emails_search">

删除该类，您将不会遇到性能问题。