【提升jQuery的性能需要做好七件事_jquery】教程文章相关的互联网学习教程文章

javascript – 性能,因为它与jQuery初始化之前的条件DOM检查有关?【代码】

这主要是一个性能问题,因为我有时会在开发人员的示例中看到它执行JavaScript. 当涉及到更严格的语言(如C或Java)时,条件对于防止执行不需要空数据的函数非常重要.通常,检查空值有助于防止程序的某些部分执行,从而最大限度地减少内存消耗(我知道这是一个浅薄的解释). 但是当谈到JavaScript时,错误通常不会阻止脚本的其余部分执行.现在,在jQuery的情况下,初始化元素上的DOM行为需要CSS选择器返回至少一个结果.但如果没有结果,则不会抛...

javascript – 如何在使用JQuery创建或删除数十个div时优化性能?

背景:在我正在进行的当前项目中,我创建了一个jquery插件,创建了一个可拖动的“google-maps”式地图,由许多瓷砖组成.类似于谷歌地图的工作原理,但此时没有缩放. 此地图插件创建并销毁10-20< div>每个鼠标的图块使用jQuery的$(‘..’)追加一个图块长度.附加,并且它具有不错的性能.但我希望peroformance更好,以便让拥有更少资源的计算机的人更容易访问应用程序. 问题: 我可以做些什么来最大化性能创建和使用jQuery销毁大量的div? 重...

javascript – JQuery选择器性能和比较问题【代码】

这三个操作都在执行相同的操作.谁能解释不同表现的原因?console.time('first'); for(guid in ALLGUID){ $('.'+guid).find('.cell-taskname').find('.cell-text').text() } console.timeEnd('first');console.time('second'); for(guid in ALLGUID){$('.'+guid).find('.cell-taskname .cell-text').text() } console.timeEnd('second');console.time('third'); for(guid in ALLGUID){$('.'+guid+' .cell-taskname .cell-text').t...

javascript – jQuery克隆性能

我已经读过javascript从修改off-dom中获得了显着的性能优势.今天早些时候,我正在阅读克隆文档:“Note that when using the .clone()method, we can modify the clonedelements or their contents before(re-)inserting them into thedocument.”那意味着,如果我有1000个LI并且我想对所有这些进行更改,那么最有效的方法是克隆它,修改克隆,破坏原始,并放置克隆? 您将如何以最有效的方式进行此修改?解决方法:detach()方法是为您正在...

javascript – jQuery事件性能:在每个孩子的父事件或个人事件上绑定一个事件?【代码】

我有一个div有大量的儿童div(大约4k-5k!).每个孩子都附有一个’mousedown’和’mouseup’事件. 我应该将这些事件一次性附加到父级并使用$(e.target)选择子级吗?是否会有任何性能优势,如果是这样,为什么? 谢谢!解决方法:我认为使用jquery.on()将是理想的.$("#divWithHugeAmountsOfChildDiv").on("mousedown", ".childCLASSEStoMouseDown", function() {alert("Booya!"); });你的html可能是这样的:<body><!-- lots of other ele...

javascript – 没有使用jquery函数会对性能产生什么影响?【代码】

我在一个非常相似的主题上发布了另外一个question,但结果却有点主观.我可以将这个问题分成两个问题,我将在下面解释一个问题: 在以下代码中:<script type="text/javascript"> $(function() {$("#accordion").accordion();$("#datepicker").datepicker();$("#button").click(function() {runEffect();return false;}); }); </script>问题:如果我在1000页中调用此代码,但只有250页具有日期选择器ID.浏览器是否会在尝试解析id date...

javascript – jQuery AJAX和JSON性能查询【代码】

我将一些JSON数据存储在一个文本文件中,以便在我的页面中使用jQuery Ajax进行查询.目前,我的文本文件包含大约10个数据方面(可能包含额外的30个方面的数据). JSON数据包含这些问题的问题和答案. 在我的JavaScript文件中,我设置了不同的函数来获取特定的数据位. 例如:function GetAnswer(questionName) {var correctAnswer = null;jQuery.ajax({type: "GET",url: "../content/questions.txt",contentType: "application/json; chars...

javascript – jQuery slideToggle()性能不佳和/或冻结IE8【代码】

我在IE8中使用.slideToggle jQuery函数表现不佳.它要么波动,要么完全冻结浏览器.在firefox chrome opera等中运行得很好 我认为它可能与我的DOCTYPE属性有关?我不确定.但是,我尝试了很多本网站及其他网站提到的解决方案,但到目前为止还没有一个解决方案,包括确保没有任何滑动元素设置为position:relative. 这是脚本和HTML.基本上,当用户单击上部div中包含的单选按钮上的按钮时,上部div会折叠,而下部div会打开更多按钮.它们最初被隐...