草庐IT

Performance

全部标签

javascript - map 中浏览器的最大 svg 元素数

我正在用传单和d3创建map。map上会绘制很多圆圈。在浏览器兼容性方面,浏览器可以渲染多少svg元素是有预期限制的。然而,就用户体验而言,我更希望用户可以在map上看到尽可能多的元素(否则用户可能需要不断地放大和缩小,并且需要等待ajax返回数据)。我需要考虑一些优化(用户等待时间用户与服务器查询负载与浏览器可以处理的内容)。看图,现在服务器返回的点数有限制,因此只有一部分map被填充。浏览器无法在此处处理完全填充的map,用户也需要等待服务器响应太久。我想我面临的问题需要通过回答两个问题来解决:对于一般浏览器可以处理map上简单svg形状(圆圈)的数量,是否有标准?在map上显示尽

javascript - 什么是计算实际(网页)页面加载时间的可靠方法

我想知道我的网络应用程序的实际平均页面加载时间。简单地说,我的普通访问者在开始使用我网站上的页面之前需要等待多长时间。从他们点击指向我网站的链接到网站完成呈现并准备好接受输入。标准的解决方案似乎是使用Javascript比较从一个脚本到window.onload()事件中的一个脚本的时间。(参见:http://www.dreamincode.net/code/snippet1908.htm)这对我来说似乎不是一个非常准确的衡量标准,因为它忽略了解析我的域和接收足够的HTML内容以开始Javascriptparsig所花费的时间。看起来Safari在页面实际完成加载之前触发了window

javascript - for循环与forEach在javascript中的性能和jsperf结果的可信度

我不相信jsperf测量for循环与forEach性能的结果。至少对于我机器上的chrome和firefox结果与jsperf中宣传的结果完全不同。http://jsperf.com/foreach-vs-loop(我的)http://jsben.ch/#/BQhED(更受欢迎)在运行Ubuntu11.10的笔记本电脑上,我在Firefox中得到以下结果:for:total=1641ms,avg=164.1msforEach:total=339ms,avg=33.9msuname-a:Linux3.0.0-16-generic#29-UbuntuSMPTueFeb1412:48:51U

javascript - 在计算 Perlin 噪声时,为什么 Firefox 比 Chrome 慢 30 倍?

我用javascript编写了一个map生成器,使用我在不同地方找到的经典perlin噪音脚本,以获得我想要的功能。我一直在chrome中工作,map没有遇到任何问题。然而,当我在firefox中测试它时,它非常慢——几乎挂掉了我的系统。它在夜间构建中表现更好,但仍然比Chrome慢30倍。你可以在这里找到它的测试页面:http://jsfiddle.net/7Gq3s/这是html代码:PerlinMapTestMyCanvas$(document).ready(function(){//LogtimeintwowaysvarstartTime=newDate().getTime()

Javascript 性能 : reduce() vs for-loop

我正在尝试thisCodewarschallenge这个问题涉及找到一个数的约数,然后计算这些约数的平方和。我找到了解决这个问题的两种方法。第一种方法基于另一个关于findingthesumofalldivisors的Stackoverflow问题起初看起来很聪明:functiondivisorsSquared(n){//createanumericsequenceandthenreduceitreturn[...Array(n+1).keys()].slice(1).reduce((sum,num)=>sum+(!(n%(num))&&Math.pow(num,2)),0);}我使用

javascript - jQuery 性能 : $ ('#selector' ). live() 与手动绑定(bind)(使用 ajax 请求时)

当处理异步加载的内容时,从性能的Angular来看,两者之间有什么区别://.live()$('#mybutton').live('click',function(e){doSomething();});并在每次加载内容后手动绑定(bind)()我们需要的事件://manualbindeverytime$.ajax({url:url,success:function(data){mycontainer.html(data);//datacontains#mybutton$('#mybutton').click(function(e){doSomething();});}});?

javascript - 在 javascript 中使用 instanceof 运算符是性能问题吗?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭7年前。Improvethisquestion我听说java中的instanceof运算符是一个性能问题,对于Javascript(IE6、IE7、IE8、FF、Chrome、safari等)也是如此吗?任何指向真实论文的链接都会有所帮助。

javascript - 为什么要缓存 jQuery 对象?

那么我们为什么要缓存jQuery对象呢?在以下场景中:varfoo=$('#bar');foo.attr('style','cool');foo.attr('width','123');$('#bar').attr('style','cool');$('#bar').attr('宽度','123');为什么第一个选项比第二个选项好这么多?如果是因为性能,它如何减少使用量? 最佳答案 因为jQuery函数中有很多代码,如果您使用相同的输入期望相同的输出多次执行它,就会涉及不必要的开销。通过缓存结果,您可以存储对要查找的确切元素或元素集

javascript - jQuery 选择器,效率

我最近一直在阅读更多关于不同选择器引擎效率的文章。我知道jQuery使用Sizzle引擎和thisblogpost关于一些jQuery内容,提到Sizzle引擎会将您的选择器分解成一个数组,然后从左到右解析。Itthen,fromrighttoleft,beginsdecipheringeachitemwithregularexpressions.Whatthisalsomeansisthattheright-mostpartofyourselectorshouldbeasspecificaspossible—forinstance,anidortagname.我的问题是运行选择器只是

javascript - 为什么在 JavaScript 中 === 比 == 快?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。关于您编写​​的代码问题的问题必须在问题本身中描述具体问题—并且包括有效代码以重现它。参见SSCCE.org寻求指导。关闭9年前。Improvethisquestion查看这些测试:==vs======vs===