Javascript 外部文件-良好的编程实践

我只是想知道一些使用javascript和CSS的外部文件的好做法。
对于javascript，您是否应该为每个模块/添加的功能创建一个外部文件，以便在模块的一个位置轻松查找代码

另外，将太多的外部文件连接到一个页面，以至于影响加载时间和一般不良做法，这是否也很糟糕？

同样的问题也适用于css

---

谢谢，最好的情况是为高级布局提供一个主css文件，然后为子布局提供不同的css文件，这些文件仅在加载模块时调用（不确定您使用的是什么框架，但我认为您的模块可以有独立的布局）。但是，您可能希望使用小型过滤器：

code.google.com/p/minify/

这会将css编译为更小的格式/单个文件，通过将所有调用的css文件合并到一个主css文件中，有助于减小大小

---

同时，您希望在负载时间和可维护性之间获得适当的平衡，如果将一些布局集中在一起可以使代码更易于维护，并且加载时间的权衡最小，那么这并没有真正的危害。

在开发期间，您总是希望文件以类似项目的方式组织和结构良好。在开发过程中有许多css、js文件是可以的，但在生产或实际生活阶段，这是非常昂贵的，因为每个文件加载都会增加精确文件大小的开销，使文件获取速度变慢，页面加载时间增加。因此，当您准备部署应用程序时，最好将所有css文件合并到一个css文件中，javascript文件也是如此。请记住，如果您正在执行CSS覆盖，则在合并时必须保持文件顺序，以免弄乱CSS逻辑

---

您可以使用该工具进行合并和缩小；）

我对每一个代码都使用外部文件，所以它们都是独立的。一个用于我的CSS，一个用于我的JavaScript。我不会说这是不好的做法，它让事情井然有序

吃太多不好吗？

我看不出有多个外部JavaScript或CSS文件的意义，如果你真的对它的组织有强迫症，你可以使用注释行来分隔它。如果出于某种原因，您想拥有多个文件，可以专门为该组文件创建一个文件夹

总体

我用外部文件组织了很多东西，帮助我跟踪事物。所以我想说这是一个很好的实践，只是尽量不要过火，保持CSS、JavaScript或jQuery各2-3个

编辑* 我认为这主要是为了组织，所以，是的，使用外部文件是一种很好的做法