javascript - 不同页面的 jQuery/JS - 这样做的最佳方式？

Question

如果这是一个愚蠢的问题，我深表歉意，我什至不确定最好的措辞方式......

目前我有一个站点，其中可能有 20 多种不同的 jQuery 用法，每个页面都有所不同。我只是想知道存储此代码的最佳方式是什么？

• 所有内容都在一个大的 jquery.myfunctions.js 文件中？并检查每个语句的元素是否存在？
• 将脚本标签嵌入到每个单独的页面中？
• 像上面那样使用 PHP 将不同的内容传递到脚本标记中？
• 每页单独的 .js 文件？ ims 我根本不喜欢这个声音

老实说，我什至不确定 jQuery 是否为你做了这件事，所以在每个页面上加载多个 $('#whatever').function() 没有任何问题明显的性能问题？

关于这个的任何建议都很棒，可能是一个愚蠢的问题，但我想以“正确”的方式做事，你知道吗？

谢谢:-)

Answer 1

就我个人而言，我喜欢拥有一个包含所有需要的东西的文件。更好，因为一旦加载，浏览器就可以缓存它，你不再关心了。

至于编码，我可能会在不同的文件中编写代码片段，我将这些文件构建为用于生产的单个文件。

这样，您的所有代码都可以随时访问。

不过，您可以在 View /模板中包含标签，这样您就可以仅在特定 View /页面上触发某些功能。

例如:

myObject = { 
    myFunctionForArticles : function(){ $('.article').each(...); },
    myFunctionForCategories : function(){ ... }
};

在文章 View 中:

<script type="text/javascript">
    myObject.myFunctionForArticles();
</script>

尽管如此，请确保您包含的 javascript 保持非常简洁和通用。调用通用函数的多个衬里可能会导致麻烦。从理论上讲，这不是您可以称之为最佳实践的东西。选择你认为整洁和易于维护之间的适当平衡(如果你的 View 很少，也许你可以制作一个包含所有繁重内容的大文件，一些简短和特定的 js 文件，这些文件仅由在加载时触发正确功能的正确 View ；如果您有很多 View ，也许包括单行内联 js 标记将节省您维护大量短文件的负担。