草庐IT

异步组件

全部标签

javascript - 如何等到数组被填满(异步)

我有一个异步填充的数组,包含28个项目。我想等到数组填满所有项目。functioncheckIfFinished(){return(Results.length>=28);}varisfinished=false;while(isfinished){if(checkIfFinished()){returnResults();isfinished=true;}else//Wait100ms}好吧,但是在Javascript中没有等待函数!我用setTimeout试过了,但我不知道如何插入它......我只是得到太多递归和东西的错误:D谢谢! 最佳答案

javascript - 异步函数上的setTimeout

我有一个异步函数,我希望它在被触发之前有5000毫秒的延迟。我正在尝试使用setTimeout()来实现这一点。这个async函数出现在一个循环运行多次,每次async函数传递不同的数据,所以这里不能使用setInterval()。问题:异步函数立即被触发,没有任何延迟(控制台立即打印5条Done消息,并且没有任何延迟地循环。发生了什么,我该如何解决?Javascript代码someFunction(listings,function(){for(variinlistings){varlisting=listings[i];setTimeout(asyncFunction(listin

javascript - 如何使用给定数量的流执行顺序异步ajax请求

我需要使用有限的流发出顺序异步ajax请求。截至目前,我只能在Web服务器上占用一个流,因此我一次只能执行一个ajax请求。当我被允许一次只使用一个流时,我有以下功能可以帮助我。functioninitiateChain(){vari=0;vartasks=arguments;varcallback=function(){i+=1;if(i!=tasks.length){tasks[i](callback);//blockshouldcallcallbackwhendoneotherwiseloopstops}}if(tasks.length!=0){tasks[0](callback

javascript - 当 redux 状态更新时在组件上调用 forceUpdate()

我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。

javascript - Vue (nuxt) 中的全局组件

在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'importBlGridfrom'~component

javascript - 使用 TypeScript 强制 React 组件命名

有React+TypeScript的应用,所有的组件类都要大写,有Component后缀,例如:exportclassFooBarComponentextendsReact.Component{...}应用程序被弹出create-react-application应用程序,即使用Webpack构建。如何强制组件命名与样式指南保持一致,至少对于组件类而言,当存在不一致时会在构建时抛出错误?我相信这不能单独使用TSLint/ESLint来实现。如果应该对TypeScript和JavaScript使用不同的方法,那么针对这两种语言的解决方案会很有帮助。 最佳答案

javascript - Angular 2 使用组件属性动态设置 routerLink

我创建了一个组件,其中包含一个具有routerLink属性的元素,我想从使用该组件的模板中设置该属性。当我尝试执行此操作时,我收到错误消息“无法读取未定义的属性‘路径’”。我的组件看起来链接了这个:信息框.component.tsimport{Input,Component}from"@angular/core";import{ROUTER_DIRECTIVES}from"@angular/router";@Component({selector:"info-box",template:require("./info-box.component.html"),directives:[R

javascript - 如何将 Google Ad Sense 嵌入到 React 组件中?

手头的问题专门针对GoogleAdSense,但可以适用于任何脚本标记插入。我不明白如何将这样的东西添加到我的组件中。(adsbygoogle=window.adsbygoogle||[]).push({});这样的事情有可能吗? 最佳答案 像这样的事情不需要第三方脚本。Ad-Sense需要一个看起来像这样的第三方脚本,如果您使用任何类型的模板(即...django模板等...),应该在使用react之前加载它,或者只是将其放入模板中将其放入模板中:然后把你的广告感包括在内,删除评论(假设你使用的是JSX)并把google给你的东西

javascript - 如何重新加载当前的 Angular 2 组件

如何在Angular2中重新加载相同的组件?下面是我的代码:import{Component,OnInit,ElementRef,Renderer}from'@angular/core';import{Router,ActivatedRoute,Params}from'@angular/router';import{productModel}from'../_models/index';import{categoryListService}from'../_services/index';@Component({selector:'app-product',templateUrl:'p

javascript - 在 React 中使用 componentWillMount 或 componentDidMount 生命周期函数进行异步请求

我正在阅读有关React生命周期的文章,但有点困惑。有些人建议使用componentWillMount进行ajax调用:https://hashnode.com/post/why-is-it-a-bad-idea-to-call-setstate-immediately-after-componentdidmount-in-react-cim5vz8kn01flek53aqa22mbyCallingsetStateincomponentDidMountwilltriggeranotherrender()callanditcanleadtolayoutthrashing.在其他地方它说不