我在MSDN上读到,要提高脚本编写效率,可以使用self来使隐式窗口引用显式. >你知道这是真的吗?这是否基本上意味着例如,调用self.location比以前简单地调用没有窗口反对的location更有效率?>由于MSDN文本是指自我而不是窗口,因此仅使用自我会提高性能吗?根据here,window和self和window.self是同一件事,所以我们使用什么都无关紧要,我只要求确保.>此外,按照MSDN中的说法,调用window.self应该比调用self具有更高的性能,因为这最后一个...
在IE8中,显示/隐藏拇指网格非常慢. 我有一个拇指,每个拇指都带有一个category属性,并且有一些切换来显示不同的类别.下面的代码可以处理显示/隐藏的提示,但这在IE中非常慢,有时会引发“脚本很慢”警告.我猜没有必要声明它在所有其他浏览器中都能很好地运行. 我的问题是:您可以提供一些性能提示吗?甚至可能暗示a将该位重写为纯Javascript是否有意义?$('#cat-tab .categories-list a').live('click', function() {var $this = $(th...
我将在加载时间方面对我的网站进行一些更改.例如,最小化HTTP请求,最小化内容等等. 我如何才能实际衡量更改并了解哪些更改对我的网站影响最大,同时还需要报告改进时间. 从我的角度来看,由于外部网络“噪音”,所以在我的真实站点中检查结果不是一个好主意.我如何清除噪音并测量环境变化. 谢谢解决方法:看一下Boomerang-您可以使用它来测试用户的实际页面加载速度.
我和一个朋友正在使用WebGL开发游戏,在寻找了一些物理引擎之后,我发现了ammo.js,它是端口或子弹物理库.我们实施了一个简单的示例,并很快发现与Firefox或Safari相比,谷歌浏览器上的帧速率令人震惊.我说的是chrome可以达到10 FPS,而Firefox可以达到恒定60 FPS. 经过大量研究后,我发现了this博客,该博客确切说明了库中的Chrome存在什么问题. (tl; dr:ammo.js使用不鼓励使用chrome的字典对象) 所以我的问题是:该库是否有端口而不使用...
任何人都知道一个好的javascript性能工具吗?我有一个javascript重的页面,可以在chrome中正常运行,但在IE中却非常慢. 我想四处看看,看看我的javascript的哪些部分可能会使它变慢.解决方法:Dynatrace AJAX Edition是您想要的,尽管它可能需要一些时间才能习惯. Dynatrace在网上有一些不错的视频教程/讲座. http://ajax.dynatrace.com/ajax/en/ 也是免费的
我正在使用jQuery构建电子表格编辑器,并且遇到大表的性能问题.该表包含许多数据集,单击一个数据集,会将图标添加到其他数据集的第一个单元格中.代码如下: $('.click_icon').remove(); for (var i = 0; i < datasets.length; i++) {var first_cell = $('td.content[dataset="' + datasets[i].id + '"]').filter(':first');if (in_group(datasets[i].id)) {first_cell.append('<i class="icon-remove click_icon remove_group" style...
在下面的简单示例中,Knockout调用HTMLElement.appendChild 18次以呈现模板.它不使用DocumentFragment,因此这18个操作中的每个操作都是在实时DOM上进行的,从而导致重排.理想情况下,在实时DOM上应该只调用一次appendChild. 这确实会损害性能,有人知道如何减少损失吗? JS BIN与代码. 的JavaScriptvar viewModel = {people:[{name: 'Tim'},{name: 'John'},{name: 'Greg'}] };ko.applyBindings(viewModel, document.getElementById('li...
我有一个需要一个数组和一个数字的函数.它将在数组中扫描出现在数组中最早出现的两个数字,这些数字加起来就等于该数字.在性能方面,我想知道什么可以帮助此功能更快地运行.它必须在6秒内处理大约10,000,000个项目的列表.我现在已经对其进行了几次重构,但是仍然没有到达那里. 最佳的数组迭代速度方法是什么?我认为for循环最慢,因此我选择了map.有没有更快的方法? every()? 注意:提供的数组可以有重复,正数或负数(例如,现在最多为...
我开始尝试用Javascript开发游戏,在进一步探讨该主题之前,我只遇到一个问题. 在每帧绘制一个新画布还是仅更改CSS的left,right,top和bottom属性是否更有效率(从性能角度而言)? 一个游戏中的乒乓球示例: 该代码每秒将被调用60次以上,假设我们不仅拥有一个球,而且拥有更多的玩家,可能参与的游戏更加复杂,环境中的实体也需要更新,等等.//Draws a NEW square in a NEW location that has been //previously updated by a game method ...
[Edited] Important! Function is treated as object, not value. So this question is invalid because it is based on a wrong assumption. This edit serves as a note to avoid confusing anyone who read this question.假设我有一个foo的函数表达式var foo = function() {return this.member; }并且我有以下类,并使用“ foo”作为回调函数实例化它的许多对象.var simpleClass = function(callback) {this.member = "I am an ...
假设我使用哪一个功能并不重要,是否使用任何性能都会有所不同.$('div:last');要么$('div').last();谢谢!解决方法:在大型DOM集合上,last()明显比:last快,因为:last具有很多复杂性,因为它可以返回多个元素.作为一般经验法则,您可能希望坚持使用last()
如果我将所有文件(图像,样式表,JavaScript,图标…)与index.html文件一起直接放入项目文件夹;不使用任何子文件夹来构造我的文件(如图像,CSS)……这会带来性能优势吗? 当然.这将是一个大混乱.但是没有必要解析js / vendors / jquery.js之类的路径 我完全不确定解析路径操作是否非常昂贵?解决方法:TL; DR不足以支付使用此类凌乱项目的代价.回答:因为真正的好处取决于您的系统和与客户端的连接速度,所以您必须对其进行测试才能获得...
使用CDN提供程序,并像这样从CDN调用静态HTML文件.$.ajax({url : CDNPATH,type : "GET",contentType : "text/plain; charset=utf-8",async : async,cache : true,processData : false,success : function(response, status, xhr) {onSuccess(response, status, xhr);$(document).trigger('contentReady');}});在应用程序的主页上,我有5个静态HTML文件,该文件会触发5个OPTION调用.可以想象,它会损害性能.我曾在类似的问题上看到,使用...
我有一个包含500行和以下js的HTML表:<script type="text/javascript">$(document).ready(function() {console.time('init apples');$('#myApples').DataTable();console.timeEnd('init apples');}); </script>我在以下三种浏览器上进行了测试: IE 11:初始苹果:4.807,458ms初始苹果:4.424,716ms初始苹果:5.007,424ms初始苹果:4.368,084ms初始苹果:4.354,414ms 铬:初始苹果:128.066ms初始苹果:154.445ms初始苹果:139.85...
抱歉,如果我的问题很傻,但是我们在应用程序中遇到了延迟问题.KEYPRESS事件处理程序是罪魁祸首.我们在整个应用程序中使用以下指令.它通过HostListener检查KeyPress.按下键时,此伪指令使用regexp检查值,并且如果condition为false则执行preventDefault.private regexMap = { // add your own'999': /^([0-9]){0,3}$/g,'9999': /^([0-9]){0,4}$/g,...... }@HostListener('keypress', [ '$event' ]) public nInput(event: KeyboardEvent...