在文档正文中嵌入Javascript

尝试使用RequireJS这样的库来管理你的.js文件。这将在您的脑海中添加一个脚本引用，但必要时包含所有其他文件。如果需要的话，这也将支持构建时的捆绑和缩小。

作为旁注;脚本块总是阻塞页面加载，因为脚本总是在加载继续之前执行。因此，最好使用尽可能少的脚本块，如果有的话，将它们放在正文的结束标签之前，以提供最佳的用户体验。

我们遵循的过程是从逻辑上和功能上跨不同文件对JS文件进行分组。我们只加载网页所需的文件。

如果你的文档可能需要或不需要JS文件，我们使用延迟加载文件，即按需加载文件。Facebook在他们的Bootloader框架方法中广泛使用了这个概念。

这很容易实现。您的主要任务是将文件分割成逻辑组。

我个人会在文档中放入尽可能少的js代码。使用模块库(AMD)来模块化代码(这也只加载真正需要的代码，并且也是异步的)。使用不显眼的javascript风格将行为与设计分开。(例子)

例如，我不能将所有内容放入外部JavaScript中，因为我的服务器端将有关本地化的信息放入JavaScript中。输入:

<script>
XXX.lang = "de-DE";
</script>

第二件事是在运行时或编译时生成"捆绑"脚本。有很多工具可以做到这一点，例如:yui压缩器。使用此工具可以轻松管理开发环境之前的代码(许多文件)，并在生产站点上拥有一个文件。