画布在 Angular 服务调用中冻结一秒
Canvas freeze by second on Angular Service call
我们有一个带有加载器动画的画布,我们在每个服务的每个响应中切换它的可见性。
当角度准备好填充范围时,有时画布会冻结几秒钟,停止动画并且范围正常进行。
Canvas 在指令上,我们每次都会更新它:
var exportRoot = new lib.htmlloader();
var stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();
假设 1:加载器在结果ui-view="content"
内,然后是错误。
假设2:Chrome不能很好地处理响应,然后崩溃几秒钟
假设 3:更新指令画布有时会失败
我们知道最好为所有页面加载一次,但我们有不同的情况,例如模态、小网格而不是全局加载等。
通过使用 css 动画代替 js/gif 来解决。受 AngularJS 的启发:显示慢脚本的加载动画,例如在过滤时引用:"首先,您应该使用 CSS 动画。不应在繁重的进程中使用 JS 驱动的动画和 GIF。的单线程限制。动画将冻结。CSS 动画与 UI 线程分离,IE 10+ 和所有主流浏览器都支持它们。编写一个指令,并以固定的定位将其放置在ng视图之外。使用一些特殊标志将其绑定到应用控制器。在长时间/繁重的流程之前和之后切换此指令的可见性。(您甚至可以将文本消息绑定到指令以向用户显示一些有用的信息)。- 直接在繁重的循环中与此或其他任何东西进行交互将需要更长的时间才能完成。这对用户不利!
但我不需要退出 UI 视图。PS:在 https://connoratherton.com/loaders 中找到了不错的装载机
相关文章:
- 如果30秒未单击,请应用CSS一次,将其删除,然后重新迭代
- 设置随机数,然后每5秒随机减少一次,直到达到0(javascript)
- Javascript函数,需要每隔30秒递减一次
- 显示数字,然后每5秒随机更改一次(javascript)
- 仅当javascript的新内容出现时,才每3秒更新一次javascript
- 使Javascript滑块每4秒自动滑动一次
- 只有当选项卡/窗口有焦点时,页面才能每5秒刷新一次
- 画布在 Angular 服务调用中冻结一秒
- 如何在事件侦听器中每隔一秒执行一次函数
- 如何使用正则表达式每隔一秒选择一次
- 用“for 循环”为每一秒更改颜色 ul li
- RegExp替换每隔一秒的星号
- 有没有办法一秒接一秒地启动setInterval
- 获得数学.四舍五入到下一分钟,即使超过一秒
- 每隔一秒匹配一个字符
- 为什么serviceworker会导致每一秒的jquery发布都立即停止?
- Moment.js倒计时不递减超过一秒
- PHP和MySQL倒计时和更新数据库在每一秒和在过期保存结果在数据库
- Bootstrap's下拉菜单在按下它们后不到一秒关闭(Android 4.2.1, stock浏览器)
- Internet Explorer可满足的图像点击事件每隔一秒触发一次