Tag: 性能

jQuery：我应该在隐藏元素之前检查可见性吗？

在隐藏元素之前检查元素是否可见是最佳做法，还是只是隐藏它？ 无论哪种方式有什么好处？ 在下面的示例中，第一个检查隐藏.foo元素之前的可见性… $(‘.dropdown’).hover(function(){ $(this).find(‘.menu’).fadeToggle(); if($(‘.foo’).is(‘:visible’)){ $(‘.foo’).fadeOut(); }; }); 要么 $(‘.dropdown’).hover(function(){ $(this).find(‘.menu’).fadeToggle(); $(‘.foo’).fadeOut(); });

jQuery一个调用几个动作

阅读几个jQuery性能指南我发现了这个function： 而不是做： $(‘#legendGallery).draggable({containment:’#container’}); $(‘#caption’).draggable({containment:’#container’}); $(‘#controls’).draggable({containment:’#container’}); 做这个： $(‘#legendGallery, #caption, #controls’).draggable({containment:’#container’}); （一次调用jQuery引擎应用了几个动作） 我想将这个概念应用于一个复选框数组： 使用以下代码我想禁用几个复选框： $(‘input:checkbox[name=”chl_wms\[\]”][value=”m1″]’, ‘input:checkbox[name=”chl_wms\[\]”][value=”m2″]’, ‘input:checkbox[name=”chl_wms\[\]”][value=”m3″]).prop(‘disabled’, true); 但它不起作用，没有错误，也没有采取任何行动。 有没有更好的方法来定义选择器？ 有没有办法使用一个呼叫执行该命令？ 谢谢！

setInterval（）对性能有害吗？

我正在建立一个拥有大量JavaScript的网站。 使用setInterval（）会不会影响我网站的性能？

jQuery，如何使用多个缓存元素

对于我的项目，我使用缓存选择器来加速，并看到改进:(减少文档内的搜索） var sel1 = $(‘#selector1’); var sel2 = $(‘#selector2’); 在这种情况下如何使用缓存选择器？ 对于前： $(‘#selector1, #selector2’).fadeTo(300, 1, ‘linear’); 这只是为了完善我的代码 Ty 🙂

如何在Twitter嵌入时间线刷新之前设置超时？

如何在Twitter嵌入时间轴上刷新之前设置超时？ 我需要更改超时时间来更新我网站上的推特时间线。 目前，每秒Twitter API都会执行ajax请求来更新时间轴。 但是在JS的引擎较慢的浏览器上（换句话说：IE），导致浏览器变慢或者有时会导致浏览器停止工作。 为了解决这个问题，我想在Twitter时间线刷新之前设置超时 我没有在API上找到关于我如何做到这一点的任何参考。 我正在使用以下JS代码导入时间轴： !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p “://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”); 为了显示时间表，我使用的HTML代码如下所示： WHAT’S HAPPENING ON TWITTER 有人知道如何解决这个问题？ 谢谢。

为什么$ .each（）比jquery中的循环慢？

有些消息来源要求在jquery中使用“for loop over $ .each（）” ，因为$ .each（）比ops / sec中的循环要慢 这是因为$ .each（）的回调函数吗？ 任何人都可以解释为什么$ .each（）比jquery中的循环慢，在这种情况下我必须选择循环超过$ .each（）或反之 ？ 提前致谢。

使用jQuery的Javascript加载器

我有兴趣使用Javascript加载器，并希望使用一个与jQuery很好地兼容的加载器。 我找到了这个比较表： https ： //spreadsheets.google.com/lv？key = tDdcrv9wNQRCNCRCflWxhYQ 但是，我想从有经验的人那里获得推荐，使用jQuery和jQuery UI。 编辑： 混合jQuery和JS加载器的两个主要问题如下： 是否存在名称空间冲突？ 会有任何意想不到的行为吗？ 对于名称空间，jQuery的文档广泛涵盖了这一点 。 对于意外行为，您可能遇到的一点是，在加载jQuery之前，DOM已经处于就绪状态，导致$(document).ready(handler)不会触发。 你可以通过不使用它们并假设你的DOM准备就绪来避免这种情况。 如果我错过了其他人，请发表评论。 资源 http://www.nczonline.net/blog/2009/07/28/the-best-way-to-load-external-javascript/

Jquery滚动事件导致性能问题

我正在尝试使用浏览器滚动事件根据用户滚动的数量放置一个html块。 该代码有效，但它导致了巨大的性能问题，基本上迫使我的浏览器冻结。 任何有关为什么以及我能做些什么来解决这个问题的见解都将非常感激。 $(‘#content’).scroll(function () { var scroll = $(‘#content’).scrollTop(); var $controls = $(“.controls”).clone(); if (scroll > 200) { $(“.controls”).remove(); $(‘#header’).append($controls); } else { $(“.controls”).remove(); $(‘.banner’).append($controls); } });

在jQuery中，在尝试绑定事件处理程序之前检查元素是否存在更快吗？

首先检查元素是否存在更快，然后绑定事件处理程序，如下所示： if( $(‘.selector’).length ) { $(‘.selector’).on(‘click’,function() { // Do stuff on click } } 或者更简单地做到： $(‘.selector’).on(‘click’,function() { // Do stuff on click } 所有这些都发生在文件就绪，所以延迟越少越好。

jQuery动态qtip显示div，但每次鼠标hover都变得越来越慢

我使用jQuery qTip插件来显示鼠标hover链接/ img的div。 我写了2个选项供使用，但两者都引起了麻烦。 V1：第一个版本显示工具提示，只是第二次将鼠标移到链接上。 在链接上重复鼠标之后，脚本似乎越来越慢，6/7次后我的浏览器几乎崩溃了…这里有什么问题？ V2：在我的第二个版本中，我尝试以正常的方式使用qTip，但是尝试将相关div的内容放入qTip内容，但是我们没有发生。 可能qTip插件不接受配置内的function，对吧？ 你能看看这两个剧本并告诉我我做错了什么吗？ 我不明白了。 Project jQuery(document).ready(function() { // hide all tooltip div’s $(“.tooltip_request”).hide(); // V1 – show qtip layer – THIS ONE GETS VERY SLOW AFTER MOUSEOVER-ING several times?? $(“.editrequest_v1”).live(‘mouseover’, function() { var request = $(this).attr(‘id’); // “request1” var name_tipdiv = “tooltip”+request; var div_content = $(“#”+name_tipdiv).html(); $(this).qtip({ content: div_content, […]