角服务调用上的画布冻结秒

Question

我们有一个带有加载器动画的画布，我们在每个服务的每个响应中切换它的可见性。

当角准备填充范围，有时画布冻结了几秒钟停止动画和范围正常进行。

画布在指令中，我们每次更新它：

var exportRoot = new lib.htmlloader();

var stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();

假设1:加载器在结果的ui-view="content"中，然后是bug。

假设2: Chrome不能很好地处理响应，然后崩溃了几秒钟

假设3:在指令上更新画布有时失败

我们知道为所有页面加载一次更好，但是我们有不同的情况，比如在modals上加载，在小网格上加载，而不是全局加载等等。

Answer 1

通过使用css动画而不是js / gif解决问题。灵感来自AngularJS:为慢脚本显示加载动画，例如过滤引用：“首先，您应该使用CSS动画。任何JS驱动的动画和GIF都不应该在bec的重进程中使用。单线程限制。动画会被冻结。CSS动画与UI线程分离，IE、10+和所有主要浏览器都支持它们。编写一个指令，并将它放置在您的ng视图之外的固定位置。用一些特殊的标志把它绑定到你的应用程序控制器。在长/重进程之前和之后切换此指令的可见性。(您甚至可以将文本消息绑定到指令，以便向用户显示一些有用的信息)。-与这个或任何其他东西直接在一个沉重的过程循环内相互作用将需要更长的时间来完成。这对用户是有害的！“

但我不需要退出ui视图。PS:在https://connoratherton.com/loaders中找到了不错的装载机