草庐IT

异步组件

全部标签

javascript - 如何计算 JavaScript 中异步函数的执行时间?

我想计算异步函数(async/await)在JavaScript中花费了多长时间。可以这样做:constasyncFunc=asyncfunction(){};constbefore=Date.now();asyncFunc().then(()=>{constafter=Date.now();console.log(after-before);});但是,这不起作用,因为promise回调在新的微任务中运行。IE。在asyncFunc()结束和then(()=>{})开始之间,任何已经排队的微任务将首先被触发,它们的执行时间将为考虑在内。例如:constasyncFunc=asyncf

javascript - VueJS 组件发出重复事件

当我的鼠标光标进入和离开我的VueJS组件时,分别调用以下方法。当光标进入和离开我的组件时调用的方法://locatedin"methods"sectionofmyVuecomponentfileonMouseEnter(){window.Event.$emit("mouse-entered",this.index);console.log("Mouseentered");},onMouseLeave(){window.Event.$emit("mouse-left",this.index);console.log("Mouseleft");},这就是我的控制台在我的光标进入和离开组件

javascript - 带有异步 forEach 循环的磁带 "test exited without ending"错误

我在做什么编辑:我创建了一个repo使用我的问题的简化版本重现问题。我正在尝试使用browserstack设置自动化前端测试,selenium-webdriver和tape.Moreabouttape这个想法是定义多个浏览器和设备,这些浏览器和设备必须用X数量的给定测试一个接一个地进行测试。在下面的例子中,我在OSX上只定义了一个测试和两个浏览器。为了只定义一次浏览器并处理测试,我创建了一个repotest-runner,它应该作为dev-dependency添加到需要的repos在给定的设备和浏览器上测试。test-runner使所有需要的测试都通过,启动第一个浏览器,在该浏览器上运

javascript - 如何模拟在使用 Jest 测试的 React 组件中进行的 API 调用

我正在尝试模拟一个将数据检索到组件中的fetch()。I'musingthisasamodelformockingmyfetches,但我无法让它正常工作。我在运行测试时遇到此错误:babel-plugin-jest-hoist:Themodulefactoryof'jest.mock()'isnotallowedtoreferenceanyout-of-scopevariables。有没有办法让这些函数返回模拟数据,而不是实际尝试进行真正的API调用?代码utils/getUsers.js返回Angular色映射到每个用户的用户。constgetUsersWithRoles=role

javascript - 异步加载的 Cufon 不会在 IE 中呈现

我正在创建一个使用Cufon的网站,由于大量的Javascript,页面重量特别重。因此,我正在尝试使用head.js(http://headjs.com/)异步加载脚本,如下所示:head.js("http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js",function(){head.js("/js/libs/cufon-yui.js",function(){head.js("/js/shared/Stag_Bold_700.font.js",function(){Cufon.replace('h1',{fontFamil

javascript - 如何对 Angular-UI Bootstrap Modal 组件的 'resolve' 属性进行单元测试

我正在尝试编写一个单元测试,断言正确的变量正在从Angular-UIBootstrap发送到ui.bootstrap.modal的resolve属性组件。这是我目前所拥有的://Controllerangular.module('app').controller('WorkflowListCtrl',function($scope,$modal){//Setuptheeditcallbacktoopenamodal$scope.edit=function(name){varmodalInstance=$modal.open({templateUrl:'partials/editWork

javascript - Node 异步路由代码

我正在使用带有express4.0的Node。我在互联网上找不到任何关于在路由中嵌入异步代码的信息(包括文档)。有了中间件就很简单了:app.use('/something',function(req,res,next){doSomethingAsync(function(err,probablySomethingElse){//probablysomeerrorcheckingnext();});});routes的问题是没有next回调,express怎么知道什么时候移动到下一个job?app.get('/something',function(req,res){res.rende

javascript - ember 核心表单组件中的 ARIA 属性

我想在Ember核心表单组件中使用ARIA属性,例如输入和文本区域字段。我注意到在我的模板的组件中使用aria属性,它根本不起作用{{inputaria-label="Yourname"}}{{textareaaria-label="Youraddress"}}所以我决定在初始化器中重新打开核心组件以将此属性添加到组件exportdefault{name:'reopenTextAreaComponent',initialize:function(){Ember.TextArea.reopen({attributeBindings:['aria-label']});}};自从我这样做后,

javascript - 初始化 react 组件状态

我遇到了一些在类中定义组件状态的React代码,如下所示://Snippet1classSampleextendsReact.Component{state={count:0}}我学习React的方式是在类的构造函数中声明状态://Snippet2classSampleextendsReact.Component{constructor(props){super(props);this.state={count:0};}}我能想到的唯一区别是在构造函数中初始化状态将保证在组件生命周期中正确初始化状态。以上两个代码片段有什么区别?在片段1中,假设在初始化类时正确设置了状态是否安全?

javascript - 如何在另一个 react 组件中关闭语义 ui 模式?

在我的主要组件中,我可以通过单击图标打开模式。模态的内容是一个单独的组件,它正在调用一个方法。如果方法调用成功,我想关闭模式。但是我该怎么做呢?主要成分classExampleextendsComponent{constructor(props){super(props)this.state={}}render(){return(}>TitleAButton)}}模态内容classModalContentextendsComponent{constructor(props){super(props)this.state={}}handleClick(){method.call({par