草庐IT

Web-Angular

全部标签

javascript - Angular 4 - 检查是否所有页面资源都已完全加载(使加载器旋转直到所有资源都已完全加载)

我正在为我的Angular应用程序创建加载器。最常见的方法是在订阅http请求时传递bool参数,但我的服务的响应是一系列图片URL,因为页面中全是图片。因此,当检索到URL时,加载程序会停止,但由于连接速度较慢,用户会因为图像尚未完成加载而感到恼火。我曾尝试使用Javascript的加载事件来监听我的资源何时完成加载,以便我可以在那时停止加载器,但似乎我无法从监听器函数中操作加载器的值。这是我尝试过的://theTScomponentisLoading:boolean;ngOnInit(){this.isLoading=true;this.checkIfLoaded();}check

javascript - 具有可变延迟和等待的 Angular 4 setTimeout()

我有一个带有timestamp的事件列表。我想要的是根据timestamp显示事件:添加延迟:delay=timestamp(t+1)-timstamp(t)我知道这不适用于setTimeout,但有一个解决方法,如果超时是恒定的,在我的情况下不是。是否可以让下一个setTimeout()等待上一个?具体来说,如果第一个setTimeout()有5秒的延迟,第二个有3秒,那么第二个会先出现。我希望它们按相同的顺序执行,但一个接一个地执行。此示例适用于恒定延迟,但我想根据迭代列表所获取的信息来计算延迟。for(i=1;i 最佳答案 您

javascript - Typescript 3 Angular 7 StopPropagation 和 PreventDefault 不起作用

我在一个div中有一个文本输入。单击输入应将其设置为焦点并停止div单击事件的冒泡。我在文本输入事件上尝试了stopPropagation和preventDefault但无济于事。控制台日志显示无论如何,divclick仍然执行。如何停止div点击事件的执行?//html//component@ViewChild('inputBox')inputBox:ElementRef;divClick(){console.log('clickinsidediv');}fireEvent(e){this.inputBox.nativeElement.focus();e.stopPropagatio

javascript - 类似 Photoshop、可嵌入的基于 Web 的图像编辑器?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。OnlineImageEditor-AjaxorFlex/Flash?Theabovewasn'treallytheanswerthatIwaslookingfor.我正在寻找可以嵌入到我的页面中的在线图像编辑器,以便用户可以编辑图像并提交它们。我可以接受Flash或Canvas/JS,请不要使用Silverlight或Java。应该有这些特征,或者接近

用于 Web 应用程序的基于 Javascript 的拼写检查器

我刚刚收到一项要求,要求在我们正在创建的Web应用程序上实现拼写检查。我对FF、Chrome、IESpell等都了如指掌,但这是客户的要求。鉴于实现此类(实时)的唯一方法是使用JavaScript库,我想知道是否有人尝试过任何开源库?他们有什么好处吗?一般来说,这种方法有哪些好/坏的地方?我想进入这个,我反对它,因为它只是让最终用户的机器做更多的工作而没有什么好处。我想我的意思是,它将是一个不断做某事的脚本,而不是AJAX请求或快速div更新,这可能导致我们的应用程序看似糟糕的性能,即使它是检查每个输入的拼写检查器页面上的字段。javascript错误似乎也有很大的空间使整个站点停滞。

javascript - 3d 三 Angular 方程

我正在尝试编写一个小型“透视”javascript应用程序,它允许我飞过位于3d空间中的一组x、y、z点。我有一个相机的概念,它改变它的旋转和xyz位置,而每个点保持一个恒定的xyz点。然后我有一组方程式可以计算出应该如何调整相机的x、y、z坐标以直接向前飞行。x、y、z调整显然取决于相机的旋转。它几乎可以工作,但在某些“姿态”下,相机位置调整出错,飞行路径不会直线前进,而是以一定Angular偏离,甚至倒退。计算投影的方程式如下:vardirectionFactor=1;if(direction=='backward')directionFactor=-1;sx=Math.sin(c

javascript - 从 Web Worker 内部运行 window.crypto.getRandomValues()

我已经无计可施了。知道网络worker无法访问window对象,有什么办法可以做到这一点吗?请帮忙! 最佳答案 我知道这是一个老问题,但我偶然发现了这个问题,事情发生了变化。大多数浏览器现在都支持网络worker中的加密。在webworkers中,您可以访问self,它不包含所有“窗口”属性(尤其是与dom无关的属性),但包含加密函数等API方法。因此,您可以从webworker中简单地访问self.crypto.getRandomValues()。我做了一个fiddle作为例子:http://jsfiddle.net/jbrosi

javascript - Angular/RequireJS 应用程序配置文件的最佳方法?

是否有普遍接受的最佳实践来维护客户端可用的配置文件(类似于ASP.NET应用程序中服务器端的AppSettings部分)?我们的应用程序基于Angular。我们的愿望是从代码本身外部化特定于环境的设置(如远程系统URL等),这样理想情况下,运维人员而不是开发人员可以在一个地方修改设置。提前感谢您的任何见解! 最佳答案 我认为在开发AngularJS应用程序时使用config.js文件不是一个好主意。原因是,您将破坏自动测试的任何可能性。相反,我创建了一个“设置”服务,在其中我指定了我的应用特定上下文。例如:angular.modul

javascript - angular.js $http.get 如何强制使用 UTF-8 编码

我必须读取使用utf-8字符集编码的JSON文件我使用这种语法:$http.get('resources/negozi.json',{header:{'Content-Type':'application/json;charset=UTF-8'}}).success(function(data){...codehere});但是,响应头是:Content-Type:text/plain;charset=ISO-8859-1如果我尝试使用jquery执行此操作:$.ajax({type:"GET",url:"resources/negozi.json",contentType:"appl

javascript - 如何在整个 Web 应用程序堆栈中利用 Haskell 类型安全?

我想知道以CRUD为中心的Web应用程序可以从Haskell的类型系统中获益多少,尤其是当前端是使用JavascriptMVC框架(如AngularJS传递无类型数据对象)构建时。在我看来,一旦将Haskell数据类型转换为JSON对象,并将其传递给繁重的JavaScriptMVC框架层,将Haskell的类型系统作为Web堆栈的一部分的好处就会开始急剧下降,因为没有让类型检查器确保通过整个Web应用程序的数据流的类型完整性的方法。例如,您可以更改数据库模式和关联的Haskell类型,但类型检查器无法告诉您JavaScriptMVC前端的哪些部分也需要更新。我认为这是一个问题。我是否正