首页 / JQUERY / javascript – 没有使用jquery函数会对性能产生什么影响？

javascript – 没有使用jquery函数会对性能产生什么影响？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 没有使用jquery函数会对性能产生什么影响？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1533字，纯文字阅读大概需要3分钟。

内容图文

我在一个非常相似的主题上发布了另外一个question,但结果却有点主观.我可以将这个问题分成两个问题,我将在下面解释一个问题：

在以下代码中：

<script type="text/javascript">
$(function() 
{
   $("#accordion").accordion();
   $("#datepicker").datepicker();
   $("#button").click(function() 
   {
     runEffect();
     return false;
   });
});
</script>

问题：如果我在1000页中调用此代码,但只有250页具有日期选择器ID.浏览器是否会在尝试解析id datepicker的其他750个页面上花费额外的时间,或者Jquery有一种解决这种情况的智能方法而不影响性能？

如果代码引用当前页面的html标记上不存在的id或类会发生什么,这会影响性能吗？

解决方法:

对于那些说“不要担心”的人,我不能不同意.

我在外部JS文件具有以下内容时构建了一个这样的站点：

$(function() {
  // do lots and lots of stuff
});

HTML(PHP)页面内部没有Javascript.这是一场性能灾难,选择选择相对有效,意味着永远：

$(".someClass").doStuff();

代替：

$("div.someClass").doStuff();

等等.执行所有Javascript花了大约一秒钟,尽管其中95％没有做任何事情.我的建议？如果您想要一个响应迅速的网站,请不要这样做.

而是将这样的函数放在外部JS中：

function activate_accordion() {
  $("#accordion").accordion();
}

这当然是一个简单的例子.但重点在于：除非绝大多数页面都使用Javascript,否则不应在外部Javascript文件中自动执行Javascript.您的外部Javascript文件应该只是在各个页面上必要时调用的功能集合.

然后在HTML放入的每个页面上：

<script type="text/javascript">
$(function() {
  activate_accordion();
}
</script>

所以你只执行你实际使用的Javascript.是的,这稍微多一些工作,因为你必须知道每个页面正在做什么/使用什么,但是全局做这件事很快就会失控.

我通过这种方式将Javascript执行时间减少到50-100ms(从1-2秒).

内容总结

以上是互联网集市为您收集整理的javascript – 没有使用jquery函数会对性能产生什么影响？全部内容，希望文章能够帮你解决javascript – 没有使用jquery函数会对性能产生什么影响？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/760637.html

来源：【匿名】