草庐IT

抽样性能提升对比

全部标签

javascript - 处理大量元素时隐藏/显示功能的性能极慢

当我在Mac上的Safari和Chrome中执行$("#myDiv").show()和$("#myDiv").hide()时,我遇到了糟糕的性能,包括IE6在内的所有其他浏览器在PC和Mac上运行良好,所以这是一个Webkit问题。div“myDiv”包含大量元素,包括大量复选框、JqueryUI选项卡和3个slider。我尝试使用“addClass”而不是显示/隐藏,我尝试将边距设置为-10000并返回到0,但这些似乎都无济于事。是否有变通办法或者这是这些浏览器的限制? 最佳答案 好吧,我为此深表歉意,但这太令人兴奋了....经过

javascript - 在没有性能缺陷的情况下打包 JavaScript 代码的最佳方法是什么?

我正在寻找一种为iPhone压缩JavaScript代码的方法。有没有一种方法可以避免在小型且相当慢的设备上使用大量CPU时间? 最佳答案 使用YUICompressor 关于javascript-在没有性能缺陷的情况下打包JavaScript代码的最佳方法是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/114860/

javascript var语句和性能

选项1:没有赋值的多个varfunctionMyFunction(){vara=null;varb=null;....varz=null;a=SomeValue;b=SomeValue2;....}选项2:一个var语句,无赋值functionMyFunction(){vara,b...,z;a=SomeValue;b=SomeValue2;....}选项3:带赋值的多个var语句functionMyFunction(){vara=SomeValue;varb=SomeValue2;....varz=SomeValue26;}使用特定选项是否有任何性能优势?对于原始类型赋值AND对象引

JavaScript 性能 - 除法还是乘法?/vs *

我正在编写一个非常依赖JavaScript的应用程序(几乎全是JavaScript),它确实有大量数据需要迭代(JSON),因此它必须执行特定的算术任务。性能是应用程序的主要考虑因素。我已经引入了Webworkers来帮助解决这个问题,并且我试图不依赖于jQuery等库提供的方法(例如.each()而不是for循环)。无论如何,这是一个简单的问题...在应用程序中,我必须应用价格变化,这将涉及许多涉及除法的数字过程。请记住,这会发生成千上万次,对我来说,始终通过乘法或乘法和除法的混合来应用变化会更好吗?例如,我可以通过乘以0.5或除以2来应用50%的折扣。我总是被告知除法比乘法慢,但我

javascript - AngularJS 绑定(bind)选项的性能

我想知道随着复杂性的增加,下面的代码变体对性能的影响。AngularJS:Whyng-bindisbetterthan{{}}inangular?中已经解决了这个问题的部分答案(那些使用属性的)但我想了解使用函数而不是属性的影响。在我看来,当发生变化时,Angular的属性在某种意义上“知道”,而函数是不透明的,因此Angular不会知道,并且每次都必须评估。然而,根据上面提到的另一个SO问题,无论如何,Angular每次都已经在使用直接模板进行评估。那么使用函数而不是属性真的会有性能损失吗?它们各自的优缺点是什么?1直接模板属性Hello,{{user.name}}2ng-bind-

javascript - 了解 JavaScript 性能差异

http://jsfiddle.net/6L2pJ/vartest=function(){vari,a,startTime;startTime=newDate().getTime();for(i=0;i结果:第一次执行:Timeneeded:13654msTimeneeded:32192msTimeneeded:33167msTimeneeded:33587msTimeneeded:33630ms第二次执行:Timeneeded:14004msTimeneeded:32965msTimeneeded:33705msTimeneeded:33923msTimeneeded:33727ms

javascript - 使用非常大的背景位置偏移是否存在性能问题?

我正在构建一个进度条控件,我正在处理它实际上并不显示进度,而只是旋转指示器“正在发生某事”的情况。我的设计基本上是交替的斜条纹,本质上是一个像这样的理发杆,但是“旋转”:希望尽可能多地卸载渲染引擎,我想为此使用CSS转换。支持旧浏览器对我来说不是问题。所以,我的第一个想法基本上是这样做的:.barber-pole{background-image:url(repeating-slice.png);/*setaverylong(onehour!)transitiononthebackground-position*/transition:background-position3600sl

javascript - moment.js isAfter 性能

我已将我的日期转换为moment.js,现在我想将它与另一个日期(在本例中为“现在”)进行比较。与日期对象进行简单比较似乎比使用moment.jsisAfter函数快很多。这种简单的比较是否适用于所有语言环境?我是不是漏掉了什么?当isAfter是一个Date对象时,isAfter似乎创建了一个新的moment对象而不是走捷径,这有什么非常具体的原因吗?我所有的日期都是UTC。functionexecuteTests(){isAfterTest();compareTest();}functionisAfterTest(){console.time('isAfterTest');varn

javascript - 如何在不影响性能的情况下向函数添加详细的日志记录代码?

性能对于我正在编写的某个类很重要。我考虑过这样调用一个函数:debug('Thisisadebugmessage,onlyvisiblewhendebuggingison');内容应该是这样的functiondebug(message){if(DEBUG)console.log(message);}所以我想知道:如果DEBUG变量永远不会改变,这是否足以让V8将其标记为“死代码”?编辑:与浏览器相比,我更担心Node中的性能,因此在缩小时删除代码是不够的。Edit2:我根据建议的解决方案做了一个JSPerf基准测试,它们非常令人惊讶:http://jsperf.com/verbose-

javascript - 为什么不为移动设备使用 vanilla Jquery?即与特定于移动设备的基于 jquery 的库 (jqtouch/sencha) 形成对比?

这似乎是一个基本/愚蠢/显而易见的问题,但我想检查一下:为什么要使用面向移动设备的javascript库(例如jqtouch)而不是直接使用jquery?上下文:我们正在考虑丰富我们网络应用程序的移动View。我在我的android2.1(摩托罗拉机器人)上尝试了各种jqtouch演示。许多UI“功能”演示都失败了(例如动画),尽管演示应用程序(待办事项和世界时钟)运行良好。同样,我使用同一部手机测试了我们网络应用程序的“完整”版本。这个“完整版”下载了大量的javascript,包括完整的jquery1.3.2。该站点运行良好(包括ajax获取和发布)并且不会感觉太慢。(注意:我必须