草庐IT

抽样性能提升对比

全部标签

javascript - 等待一个已经完成的 Promise 的性能开销是多少?

在做代码审查时,我最近遇到了这样的代码块:constpromises=[];constdata=[];for(letpieceofpieces){for(letchunkofpiece){promises.push(execute(chunk));//executereturnsapromisewhichisnotyetfulfilled}data=awaitPromise.all(promises);}这里的pieces是一个数组的数组。请注意,由于某些限制,我们无法立即等待所有Promise,因此需要进行这种分块。在我的反馈中,我写道这似乎是一种反模式,因为我们也在等待Promis

JavaScript event.currentTarget 对比这个

event.currentTarget和this有区别吗?性能怎么样? 最佳答案 currentTarget事件属性返回事件监听器触发事件​​的元素。这仅在捕获和冒泡期间特别有用。您也可以使用this关键字,但是当您使用Microsoft事件注册模型时,this关键字不引用HTML元素。请参阅以下链接了解更多信息:http://www.quirksmode.org/js/events_order.html微软模式的问题但是当您使用Microsoft事件注册模型时,this关键字不会引用HTML元素。结合Microsoft模型中缺少类

javascript - 如何对一个JS数组进行批量排序(为了性能)

我有一个JS应用程序需要对一个大数组进行复杂的排序然后显示它。使用内置的array.sort(cb)方法处理我的数据最多可能需要1秒。这足以让我的UI变得卡顿。因为UI的高度仅足以在屏幕上显示已排序数组的一个子集,而其余部分位于滚动条下方或已分页,所以我有了一个想法。如果我创建一个遍历大型数组的算法并快速排序,使得前N项完全排序,但数组中的其余项排序不完全,会怎样?每次我运行我的算法时,它都会从上到下对数组进行更多排序。这样我就可以将我的处理分解成block并拥有流畅的用户界面。在最初的几秒钟内,数组不会被完美排序,但缺陷会在滚动条下方,因此不会被注意到。我天真的解决方案是编写我自己的

javascript - Chrome 开发工具的性能分析结果中的监听器

我一直在使用Chrome开发工具分析React应用程序,我发现Listener数量呈线性增长。看看下面的截图。Listeners为橙色。我将其缩小为在p标签内呈现一个简单的倒计时值。剩余时间每1000毫秒使用setInterval函数生成一次,然后在p标记内进行格式化和渲染。我使用create-react-app创建了一个简单的React应用程序,并修改了App.js的App组件内的代码以每秒更新Date.now()的值,当我运行时分析器,我得到了相同的结果。classAppextendsComponent{state={text:'',};loop(){this.setState({

javascript - 在 arbor.js 中使用图像的性能问题

我一直致力于调整arbor.js以使用图像。然而,作为一个相对的JS菜鸟,我拥有的是完全未优化的。据我所知,我设置它的方式是为每个图像和每个帧重新创建图像对象,从而导致大量闪烁。任何人都可以建议一种方法将新的Image()内容从重绘函数移到启动中吗?据我所知,这是一个基本的OOP问题,但完全卡住了。谢谢!Pastebin我在输出脚本上的位置Currentstatus. 最佳答案 向大家致歉!有几个步骤。我将突出显示关键阶段,其余部分来自教程。首先,将相关信息添加到您的JSON中,例如:nodes:{innovation:{'colo

Javascript 原型(prototype)与通用函数 - 性能/可读性

所以我编写了这些测试,看看使用原型(prototype)会快多少......functionUser(){return{name:"Dave",setName:function(n){this.name=n;},getName:function(){returnthis.name;}};}functionUserPrototype(){if(!(thisinstanceofUserPrototype))returnnewUserPrototype();this.name="Dave";}UserPrototype.prototype.getName=function(){returnt

javascript - REST API 测量服务器端响应时间(性能)。

我开发了一些基于nodejs的restAPI,我想测试一下这些API的性能。有没有什么工具可以很方便的统计每次API调用的时间?或者如何测量RESTAPI响应请求所需的时间。 最佳答案 这里是如何使用express.js通过精确时间测量进行事件注入(inject)的示例。在您的路线之前添加:app.all('*',function(req,res,next){varstart=process.hrtime();//eventtriggerswhenexpressisdonesendingresponseres.on('finish'

javascript - 如何检查 webgl(three.js) 的客户端性能

我有一个使用three.JS的图形项目,现在我想自动检查客户端GPU性能并计算我可以在应用程序中加载多少元素。我想到了GPU基准测试之类的东西。 最佳答案 看看stats.js,thisTHREEXplugin和webglinspector. 关于javascript-如何检查webgl(three.js)的客户端性能,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2317877

javascript - 将对象引用保存到数组的性能问题

为什么v1比v2慢这么多?v1--varfoo=function(a,b,c){this.a=a;this.b=b;this.c=c;}varpcs=newArray(32);for(varn=32;n--;){ref=newfoo(1,2,3)pcs[n]=ref;//*****}v2--varfoo=function(a,b,c){this.a=a;this.b=b;this.c=c;}varpcs=newArray(32);for(varn=32;n--;){ref=newfoo(1,2,3)pcs[n]=1;//*****}我认为,因为我在“ref”中持有对新对象的引用,所以简

javascript - React/Redux 中的生命游戏,有助于提高性能

我正在使用react/redux/javascript开发TheGameofLife的一个版本,当我使用它时性能很糟糕。HereisalinktotherunninggameHere'sthesourceongithhub目前,我在每个滴答声(用户可更改的250,500,750毫秒)更新每个单元格的状态。为此,我循环遍历代表每个单元格的对象数组。每个对象中都有一个名为status的参数,它可以是一个整数,1表示活着,0表示死了。然后我拉入三行,每行三个单元格,对于相关单元格周围的中间和底部行,我然后对这些值求和(不包括中心的单元格本身)。然后我通过if/then流程运行该数字以确定该单