Tag: 性能

jQuery – 改进性能/代码

我刚开始使用jQuery,我一直在寻找一些关于如何提高代码速度/性能的资源。 我想知道是否有人有任何可能帮助我的提示或资源。 谢谢, BEV

有哪些提高jQuery性能的快速提示?

有哪些提高jQuery性能的快速提示?

如何在Phonegap和JQM中使用FastClick.js?

由于webkit浏览器处理触摸事件,我尝试了几种不同的方法来消除300ms的延迟。 库FastClick.js似乎是首选的方法,但我在实现它时遇到了一些麻烦。 我已经包含它并且还添加了一个事件监听器,但我不知道我是否正确添加了监听器。 这应该工作还是我没有做某事? 谢谢! 考虑下面的代码,在哪里 Calculator < function onBodyLoad() { document.addEventListener(“deviceready”, onDeviceReady, false); $(function() { FastClick.attach(document.body); }); } function onDeviceReady() { } window.addEventListener(‘load’, function() { new FastClick(document.body); }, false); <a href="#one" data-transition="none" data-

jQuery fn.extend({bla:function(){}}与jQuery.fn.bla

好吧,我想我在jQuery.extend和jQuery.fn.extend之间有所区别? 通用扩展可以扩展任何对象,而fn.extend用于插件函数,可以使用一些内部jquery voodoo直接从jquery对象调用。 所以似乎人们会以不同的方式调用它们。 如果使用通用扩展来通过添加函数y来扩展对象obj,那么该方法将附加到该对象obj.y()但是如果使用fn.extend则它们将直接附加到jquery对象$ .y()。 ……我有没有正确的是或否,如果没有,我的理解是什么? 现在我的问题: 我正在阅读的这本书主张使用 jQuery.fn.extend({ a: function() { }, b: function() { } }); 语法,但在文档中说 jQuery.fn.a = function() { }; 我想如果你想要b也一样 jQuery.fn.b = function() { }; 这些在function和性能方面是否相同,如果没有,有什么区别? 非常感谢你。 我在挖jQuery!

Jquery元素+类选择器性能

当我选择元素时,我希望$(‘#childDiv2 .txtClass’)或$(‘#childDiv2 input.txtClass’)表现更好。 但是根据这个性能分析 $(‘.txtClass’); 是其中最好的选择者。 我正在使用JQuery 1.7.2有没有人对此有解释? HTML Blah Blah Blah ​ JS $(‘.txtClass’); $(‘#childDiv2 .txtClass’) $(‘#childDiv2 > .txtClass’) $(‘input.txtClass’) $(‘#childDiv2 input.txtClass’)

JavaScript / jQuery html(null)vs html(”)

有没有一种使用jQuery“清除”元素内部html的最佳方法? 我使用.html(null)但是.html(“”)更有效率。 是否有更好/更好的方法来实现这一目标?

在django模板中有效地加载jquery和javascript文件

在我的一个django项目中,我使用了大量的自定义jquery脚本和大量的开源jquery插件。 现在,如果我在我的基本模板中加载所有jquery脚本,我将在模板中加载大量未使用的javascript代码,这些代码不需要任何/一些已加载的jquery文件,这将影响页面加载时间特别的模板。 所以,我目前采取的方法是 在基本模板中加载基本jquery脚本(每个模板所需的脚本) 在基本模板中为js定义一个块,并为每个模板选择性地加载所需的javascripts.eg {% block selective_js %}{% endblock selective_js %} 上面的方法效果很好,但我看到的唯一问题是模板中有很多代码重复。 比如说: 我有以下javascript文件 现在在多个模板中,我需要包含上面提到的所有javascript文件,并且还想要初始化所提到的脚本中的一些方法。 所以目前,我必须在所有模板中执行此操作: {% block selective_js %} $(document).ready(function() { $(‘some_element’).initializeScript(); }); {% endblock selective_js %} 这意味着模板中有很多代码重复。 题: 如何在不必以有效方式加载未使用的javascript代码的情况下防止重复代码?

JQuery类选择器vs id选择器

我有7个不同的按钮,点击时都执行相同的JavaScriptfunction。 我应该使用类选择器或id选择器。 $(“input.printing”).on(“click”, function(event) { printPdf(event); }); 要么 $(“#package1Pdf”).click(function(event) { printPdf(event); }); $(“#package2Pdf”).click(function(event) { printPdf(event); }); $(“#package3Pdf”).click(function(event) { printPdf(event); }); $(“#package4Pdf”).click(function(event) { printPdf(event); }); 每个的优点和缺点是什么? 哪个更优选。

当响应非常大时,JQuery ajax会冻结ui

当我使用JQuery ajax函数并且响应非常大~1mb时,ui会在调用成功函数之前被冻结。 我已经通过JSON.parse函数和解析大量数据来体验这一点。 我相信这个函数用于返回将内容格式化为JSON的请求。 这是我正在使用的代码。 $.ajax({ url: “/sessions/” + this.get(“session_id”) + “/get_sample_data”, data: params, dataType: ‘json’, type: “GET”, success: function (response) { success(response); } }); 反正是否有覆盖响应的代码,所以我可以将解析分成几部分,并希望最小化对ui的阻塞? 还是有另一种方法来解决这个问题。 我正在使用铬和铬金丝雀,我得到了相同的结果。 提前致谢

Scriptmanager Asp.Net Mvc

我想在新的Asp.net MVC模型中使用一些ScriptManagerfunction: 1-脚本组合 2-解析外部Javascript文件的不同路径 3-缩小和Gzip压缩 这是我发现的,但我不确定是MVC方法的最佳方式。 一般来说,在MVC模型中处理Javascript代码的好方法是什么?