Question

我正在构建一个为客户端使用jQuery UI的项目。我的目标是让我的网络应用程序永远不会做回发并做客户端的一切。

虽然我在开发过程中发现几乎所有的代码都进入了1 .js文件和1 .html文件，其中我有很多div，我会在适当时显示和隐藏。

有没有更好的方法来组织这个？ oldschool服务器端是否包含最佳方法？还有一种方法可以让2个javascript文件能够从另一个内容中看到内容吗？我认为它是如何工作的只有第二个可以从第一个调用东西。

我只是不确定最好的扩展方法，因为我习惯于构建具有许多源文件的客户端应用程序。

Answer 1

我认为“我的网络应用程序永远不会回发”意味着你将使用AJAX :) 使用AJAX或服务器调用没有区别，但我更喜欢使用AJAX来保持整洁的用户界面。

现在，在看完你的帖子后，你需要了解一些事情。

你有这两个文件：

file1.js

var a = 'Cheers'; 
var b = ' and beers';

file2.js

alert(a + b);

将此文件包含在html文件中

<script type="text/javascript" src="file1.js"></script>
<script type="text/javascript" src="file2.js"></script>

与做同样的事情

<script type="text/javascript">
  var a = 'Cheers'; 
  var b = ' and beers';
</script>
<script type="text/javascript">
  alert(a + b);
</script>

事实上，这和做的一样

<script type="text/javascript">
  var a = 'Cheers'; 
  var b = ' and beers';
  alert(a + b);
</script>

请注意，像这样反转源文件的顺序

<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript" src="file1.js"></script>

将生成

<script type="text/javascript">
  alert(a + b);
  var a = 'Cheers'; 
  var b = ' and beers';
</script>

您将获得运行时异常（未定义）。

所以，是的，您可以拥有多个js文件，并组织您的代码我通常在文件中只有一个javascript类，就像在Java中一样。

祝你好运：）

Answer 2

与Hvgotcodes类似，最好在开发过程中将所有类保存在单独的文件中。我遵循每个文件一个类的简单规则。当您准备好投入生产时，您可以将所有脚本合并在一起。

Javascript将能够自动查看其他脚本中的内容，即

<script src="firstScript.js"></script>
<script src='canReadPreviousScripts.js"></script>

据我所知，如果文件是基于类的，那么它们可以自由地相互引用，但如果代码是程序编码的，那么它们必须以正确的顺序加载。

我一直在开发一款中型js app，可以在这里查看：http://explore.travellr.com

如果您查看源代码，可以看到有十几个文件，因为它仍在开发中。一旦准备好生产，文件（框架，MooTools除外）将被连接并压缩。

希望这有帮助！

Answer 3

您可能想尝试将jquery功能模块化到插件中。一个文件中的所有内容通常都不是一个好主意。

我还认为你需要一台服务器来做一些事情。例如，如果用户有两台计算机并且想要同时使用您的应用程序，则需要一种方法来同步应用程序的“状态”。但是如果不知道你在做什么就不可能肯定地说......