【详细介绍在MicrosoftEdge提供快速的JavaScript性能(图)】教程文章相关的互联网学习教程文章

Javascript使用显式的self / window对象来提高性能

我在MSDN上读到,要提高脚本编写效率,可以使用self来使隐式窗口引用显式. >你知道这是真的吗?这是否基本上意味着例如,调用self.location比以前简单地调用没有窗口反对的location更有效率?>由于MSDN文本是指自我而不是窗口,因此仅使用自我会提高性能吗?根据here,window和self和window.self是同一件事,所以我们使用什么都无关紧要,我只要求确保.>此外,按照MSDN中的说法,调用window.self应该比调用self具有更高的性能,因为这最后一个...

javascript-有关如何优化IE中某些Jquery命令性能的提示【代码】

在IE8中,显示/隐藏拇指网格非常慢. 我有一个拇指,每个拇指都带有一个category属性,并且有一些切换来显示不同的类别.下面的代码可以处理显示/隐藏的提示,但这在IE中非常慢,有时会引发“脚本很慢”警告.我猜没有必要声明它在所有其他浏览器中都能很好地运行. 我的问题是:您可以提供一些性能提示吗?甚至可能暗示a将该位重写为纯Javascript是否有意义?$('#cat-tab .categories-list a').live('click', function() {var $this = $(th...

javascript-页面加载时间-性能更改后比较结果

我将在加载时间方面对我的网站进行一些更改.例如,最小化HTTP请求,最小化内容等等. 我如何才能实际衡量更改并了解哪些更改对我的网站影响最大,同时还需要报告改进时间. 从我的角度来看,由于外部网络“噪音”,所以在我的真实站点中检查结果不是一个好主意.我如何清除噪音并测量环境变化. 谢谢解决方法:看一下Boomerang-您可以使用它来测试用户的实际页面加载速度.

javascript-Google Chrome中的ammo.js性能

我和一个朋友正在使用WebGL开发游戏,在寻找了一些物理引擎之后,我发现了ammo.js,它是端口或子弹物理库.我们实施了一个简单的示例,并很快发现与Firefox或Safari相比,谷歌浏览器上的帧速率令人震惊.我说的是chrome可以达到10 FPS,而Firefox可以达到恒定60 FPS. 经过大量研究后,我发现了this博客,该博客确切说明了库中的Chrome存在什么问题. (tl; dr:ammo.js使用不鼓励使用chrome的字典对象) 所以我的问题是:该库是否有端口而不使用...

IE8 Javascript性能监控工具

任何人都知道一个好的javascript性能工具吗?我有一个javascript重的页面,可以在chrome中正常运行,但在IE中却非常慢. 我想四处看看,看看我的javascript的哪些部分可能会使它变慢.解决方法:Dynatrace AJAX Edition是您想要的,尽管它可能需要一些时间才能习惯. Dynatrace在网上有一些不错的视频教程/讲座. http://ajax.dynatrace.com/ajax/en/ 也是免费的

javascript-如何通过附加图标提高jQuery性能?【代码】

我正在使用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...

Javascript-如何通过减少DOM操作来提高性能?【代码】

在下面的简单示例中,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...

javascript-需要提高查找等于给定总和的最早对的函数的性能【代码】

我有一个需要一个数组和一个数字的函数.它将在数组中扫描出现在数组中最早出现的两个数字,这些数字加起来就等于该数字.在性能方面,我想知道什么可以帮助此功能更快地运行.它必须在6秒内处理大约10,000,000个项目的列表.我现在已经对其进行了几次重构,但是仍然没有到达那里. 最佳的数组迭代速度方法是什么?我认为for循环最慢,因此我选择了map.有没有更快的方法? every()? 注意:提供的数组可以有重复,正数或负数(例如,现在最多为...

javascript-性能-重绘新画布或更改其CSS位置?【代码】

我开始尝试用Javascript开发游戏,在进一步探讨该主题之前,我只遇到一个问题. 在每帧绘制一个新画布还是仅更改CSS的left,right,top和bottom属性是否更有效率(从性能角度而言)? 一个游戏中的乒乓球示例: 该代码每秒将被调用60次以上,假设我们不仅拥有一个球,而且拥有更多的玩家,可能参与的游戏更加复杂,环境中的实体也需要更新,等等.//Draws a NEW square in a NEW location that has been //previously updated by a game method ...

在JavaScript中向多个变量分配相同功能时的性能问题【代码】

[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 ...

javascript-.last()和:last的性能差异【代码】

假设我使用哪一个功能并不重要,是否使用任何性能都会有所不同.$('div:last');要么$('div').last();谢谢!解决方法:在大型DOM集合上,last()明显比:last快,因为:last具有很多复杂性,因为它可以返回多个元素.作为一般经验法则,您可能希望坚持使用last()

javascript-取消(网络开发)项目文件夹中的子文件夹是否会对性能产生好处?

如果我将所有文件(图像,样式表,JavaScript,图标…)与index.html文件一起直接放入项目文件夹;不使用任何子文件夹来构造我的文件(如图像,CSS)……这会带来性能优势吗? 当然.这将是一个大混乱.但是没有必要解析js / vendors / jquery.js之类的路径 我完全不确定解析路径操作是否非常昂贵?解决方法:TL; DR不足以支付使用此类凌乱项目的代价.回答:因为真正的好处取决于您的系统和与客户端的连接速度,所以您必须对其进行测试才能获得...

javascript-避免执行CORS预检选项以获得更好的性能【代码】

使用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调用.可以想象,它会损害性能.我曾在类似的问题上看到,使用...

javascript-IE 11-DataTables DOM性能问题【代码】

我有一个包含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...

javascript-Angular 4/5中的事件处理程序性能问题【代码】

抱歉,如果我的问题很傻,但是我们在应用程序中遇到了延迟问题.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...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部