- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我可以使用一些帮助来调试 addEventListeners。
我想要一些关于如何跟踪这些以及他们正在使用的资源的建议。我很确定 addEventListeners 是我的问题 - 因为 - 我有一个场景 - 当我添加一定数量的这些事件(超过 10 个)时,一些点击事件开始花费比平时更长的时间时间。其他事件将不会触发。
使用 Safari 网站站长工具/“时间轴”跟踪这些较长的点击事件时间 -我发现诸如“mousdown”之类的事件(即使是常规的 onclick="" 类型的事件)响应时间也会从几百毫秒跃升至超过 1.5 秒。肯定会有一段平静。
同样 - 在 FireFox 中 - “window.print();”在这种情况下无法触发。奇怪的是 - 如果我在“window.print();”之前放置一个“alert()”笑话函数 - 单击关闭警报的时间间隔 - 足以允许“window.print();”正常运行。
我假设我的错误与时间管理有关,并且可能与指数增长有关。但我不确定如何最好地调试这些 addEventListeners。
我还有许多可搜索列表,它们可以在当用户搜索时动态创建这些addEventListeners。也许我没有正确卸载它们?据我所知,可能会创建 1000 万个。
我会尽力在这里提供一些代码 - 但我真正想学习的是如何:
这些addEventListeners
当我查看源代码时,我没有看到它们。在任何浏览器的任何控制台中,我都没有以错误的方式得到任何返回。看起来 - 一旦你创建了这些 - 就不可能跟踪它们并知道他们在做什么或没有做什么?
我循环数据并创建选项卡和addEventListeners,如下所示:
...
for(var i=0; i<Pets_Array.length; i++){// Loop Existing and Active Pets Array Tabs
if(Pets_Array[i]['VISITOR_IDENTITY_DELETED'] != "1"){// if pet not deleted
// Create Pet Tabbing listeners
document.getElementById('Visitor_Details_AUTOTAB_'+i).addEventListener("click", function(event){
event.stopPropagation();
Pet_Tabbing_Auto_Save = true;
ID_Of_Pet_Tabbing = this.id;
Tst_Sv_Comp('Pet_Tabbing');
},false);
// Create Pet DeleteX listeners
<?php //if($ADMIN == true){// Only Admin ?>
document.getElementById('VISITOR_IDENTITY_TAB_X_BUTTON_'+i).addEventListener("click", function(event){
event.stopPropagation();
Delete_Pet(this.id);
},false);
<?php //} // Only Admin ?>
Last_AutoLoaded_Pet = i;
}// END if pet not deleted
}//END Loop Existing and Active Pets Array Tabs
这似乎很奇怪 - 我有数百个 addEventListeners ,其中包含页面上的列表、搜索、选项卡和功能。一切都表现得很好 - 直到你获得超过 10 个这样的选项卡和 addEventListeners ,这足以将所有内容都放在顶部并导致巨大的延迟时间???
<小时/>这是我的其他代码,创建也利用 addEventListeners 的动态搜索列表。这些列表是在搜索功能期间添加的,因为循环了数百个搜索值。这也是在 init 中设置的 - 用所有值填充列表。无论哪种方式 - 都有一些列表,其中创建了数百个值到按钮中 - 每个列表都需要一个 addEventListeners
......
// Add dbble clck evnt listener
document.getElementById(Who_To_Search_BREED_or_VET_CLINIC_G+'_'+key).addEventListener("mousedown", function(event){
event.stopPropagation();
$('#Add_'+Who_To_Search_BREED_or_VET_CLINIC_G+'_Button').hide();
Handle_Double_Clicks(this.id);
},false);
<小时/>
我还使用了许多图像加载监听器,这些监听器位于通过选项卡单击启动的函数内 - 加载宠物个人资料图像。
即...
Tab_Click_Function(){
var image = new Image();
image.src = '../application_images/Owners/'+G_OWNER+'/Pets/'+G_Pet_Selected+'/main/'+Main_Profile_Image_For_Pets_Array_G["PET_"+G_Pet_Selected];// Visitor_Profile_Picture image;
image.addEventListener("load", function(){
document.getElementById('PRINT_CAMPER_PROFILE_PHOTO').src = image.src;// show image now that is has loaded into the cache
}, false);
}
<小时/>
我相信我 - 在这里的某个地方 - 没有正确管理这些。我相信,在理解跟踪、管理和调试这些代码的最佳方法的帮助下,我将通过此代码以及 future 的代码获得更好的性能。
谢谢。
最佳答案
实际上,在 IE 6 等较旧的浏览器上,不需要很多(甚至是简单的)事件处理程序就可以遇到此问题。要解决此问题,您需要稍微改变一下方法。创建一个事件处理程序并将其附加到包含您当前为其创建处理程序的所有子元素的父 DOM 元素。然后,在该单个处理程序中,检查事件的目标并调用您最初想要的代码,在您的情况下,它可能看起来像保存。这种方法还有另一个额外的好处:当您向父级添加或删除子级时,不需要注册或取消注册任何处理程序。
关于Javascript 调试 - addEventListeners - 点击事件陷入时间性能问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18648978/
在这段令人惊叹的视频 ( https://www.youtube.com/watch?v=udix3GZouik ) 中,Alex Blom 谈到了 Ember 在移动世界中的“黑客攻击”。 在 22
我们希望通过我们的应用收集使用情况统计信息。因此,我们希望在服务器端的某个地方跟踪用户操作。 就性能而言,哪个选项更合适: 在 App Engine 请求日志中跟踪用户操作。即为每个用户操作写入一个日
在针对对象集合的 LINQ 查询的幕后究竟发生了什么?它只是语法糖还是发生了其他事情使其更有效的查询? 最佳答案 您是指查询表达式,还是查询在幕后的作用? 查询表达式首先扩展为“普通”C#。例如: v
我正在构建一个简单的照片库应用程序,它在列表框中显示图像。 xaml 是:
对于基于 Web 的企业应用程序,使用“静态 Hashmap 存储对象” 和 apache java 缓存系统有何优缺点?哪一个最有利于性能并减少堆内存问题 例如: Map store=Applica
我想知道在性能方面存储类变量的最佳方式是什么。我的意思是,由于 Children() 函数,存储一个 div id 比查找所有其他类名更好。还是把类名写在变量里比较好? 例如这样: var $inne
我已经阅读了所有这些关于 cassandra 有多快的文章,例如单行读取可能需要大约 5 毫秒。 到目前为止,我不太关心我的网站速度,但是随着网站变得越来越大,一些页面开始需要相当多的查询,例如一个页
最近,我在缓存到内存缓存之前的查询一直需要很长时间才能处理!在这个例子中,它花费了 10 秒。在这种情况下,我要做的就是获得 10 个最近的点击。 我感觉它加载了所有 125,592 行然后只返回 1
我找了几篇文章(包括SA中的一些问题),试图找到基本操作的成本。 但是,我尝试制作自己的小程序,以便自己进行测试。在尝试测试加法和减法时,我遇到了一些问题,我用简单的代码向您展示了这一点
这个问题在这里已经有了答案: Will Java app slow down by presence of -Xdebug or only when stepping through code? (
我记得很久以前读过 with() 对 JavaScript 有一些严重的性能影响,因为它可能对范围堆栈进行非确定性更改。我很难找到最近对此的讨论。这仍然是真的吗? 最佳答案 与其说 with 对性能有
我们有一个数据仓库,其中包含非规范化表,行数从 50 万行到 6 多万行不等。我正在开发一个报告解决方案,因此出于性能原因我们正在使用数据库分页。我们的报告有搜索条件,并且我们已经创建了必要的索引,但
我有一条有效的 SQL 语句,但需要很长时间才能处理 我有一个 a_log 表和一个 people 表。我需要在 people 表中找到给定人员的每个 ID 的最后一个事件和关联的用户。 SELECT
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它,visit the help center 。 已关
通常当我建立一个站点时,我将所有的 CSS 放在一个文件中,并且一次性定义与一组元素相关的所有属性。像这样: #myElement { color: #fff; background-
两者之间是否存在任何性能差异: p { margin:0px; padding:0px; } 并省略最后的分号: p { margin:0px; padding:0px } 提前致谢!
我的应用程序 (PHP) 需要执行大量高精度数学运算(甚至可能出现一共100个数字) 通过这个论坛的最后几篇帖子,我发现我必须使用任何高精度库,如 BC Math 或 GMP,因为 float 类型不
我一直在使用 javamail 从 IMAP 服务器(目前是 GMail)检索邮件。 Javamail 非常快速地从服务器检索特定文件夹中的消息列表(仅 id),但是当我实际获取消息(仅包含甚至不包含
我非常渴望开发我的第一个 Ruby 应用程序,因为我的公司终于在内部批准了它的使用。 在我读到的关于 Ruby v1.8 之前的所有内容中,从来没有任何关于性能的正面评价,但我没有发现关于 1.9 版
我是 Redis 的新手,我有一个包含数百万个成员(member) ID、电子邮件和用户名的数据集,并且正在考虑将它们存储在例如列表结构中。我认为 list 和 sorted set 可能最适合我的情
我是一名优秀的程序员,十分优秀!