外部文件 - 良好的编程习惯

Question

关于外部文件，特别是javascript和CSS，我只是想知道一些好的做法 对于javascript，你应该为每个模块/添加的功能创建一个外部文件，以便在模块的一个位置找到并找到代码吗？

将多个外部文件连接到一个页面也是不好的，会影响加载时间和一般不良做法？

css的相同问题appll。

由于

Answer 1

您始终希望在开发时间内以类似的方式组织和完善您的文件。在开发期间有很多css，js文件是可以的，但是由于每个文件负载增加了开销，因此在生产或现实阶段非常 costy 和昂贵确切的文件大小使文件获取速度变慢，增加页面加载时间。因此，当您准备好部署应用程序时，最好将合并并缩小所有css文件转换为1个css文件，同样适用于您的javascript文件。请记住，如果您正在进行CSS覆盖，则必须在合并时保持文件顺序，而不是弄乱您的CSS逻辑。

您可以使用该工具http://www.shrinker.ch/;）

进行合并和缩小

Answer 2

最好的情况是拥有一个用于高级布局的主css文件，然后是只有在加载模块时调用的子布局的不同css文件（不确定你使用的框架，但我想你的模块可以有独立的布局）。但是你想要使用缩小器：

code.google.com/p/minify /

这会将您的css编译为较小的格式/单个文件，这有助于通过将所有被调用的css文件合并为1个主css文件来缩小大小。

同时，您希望在加载时间和可维护性之间取得适当的平衡，如果将一些布局集中在一起使代码更易于维护并且加载时间权衡最小，那么这对此没有任何实际损害。

Answer 3

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

有太多人不好吗？

如果您真的是OCD关于它的组织，我可以使用注释行来分隔它，但我没有看到有多个外部JavaScript或CSS文件。如果由于某种原因你想拥有多个文件，你可以专门为这组文件创建一个文件夹。

<强>总体

我组织了很多外部文件，帮助我跟踪事情。所以我认为这是一个很好的做法，只是试着不要过分使用它，保持它像每个2-3的CSS，JavaScript或jQuery。

修改* 我认为这主要是为了组织，所以，使用外部文件是一种好习惯。