我有一个相当大的网络应用程序，每个页面上有几个迷你小程序。这些小程序几乎总是相同的 jquery 应用程序。我正在寻找有关如何在我的大型项目中组织/包含这些 jquery 应用程序的较小部分的建议。
例如，每个应用程序都有几个独立的选项卡。如果可能的话，我想将每个选项卡存储为单独的 .html 文件，因为这使开发更容易。
我的要求是： 1）当页面加载时，所有的 html '标签'都加载到客户端。我想通过动态请求标签 html 来避免任何延迟。
2）如果可能的话，我想尽量减少发送的原始数据。例如，如果该页面上有十个小程序，最好将每个选项卡发送 1 次，而不是发送每个选项卡 10 次。
问题： 1) 我有哪些“包含”HTML 文件/javascript 代码的选项 2) 在这种情况下保持我的开发简单的任何提示？当然，在处理大页面时，除了编辑一个巨大的 html 文件之外，肯定有更好的方法。
PURE javascript 模板引擎对我很有用：http ://wiki.github.com/pure/pure/pure-version-2-release-notes
它使用 DOM 的分支作为其模板 - 您可以使用页面的现有部分，或者在需要时（或之前）通过 XHR 请求模板 HTML。
PURE 将 JSON 数据应用于模板以呈现结果 - 您可以让它自动执行此操作（通过将 HTML 中的类映射到 JSON 中的属性），或者使用一组规则进行精细控制，也存储为 JSON。
它的渲染速度非常快，而且设置起来也相对容易。
所以-在您的示例中，您将拥有：
很难完全理解您的要求，但是必须指出的一点是您可以使用客户端缓存，如果您在服务器上正确设置它，您可以告诉客户端加载同一个文件多次，但客户端只会下载一个副本并重复使用该副本。（查询字符串也必须相同，但哈希字符串可能不同）
浏览器和用户不会对大的 HTML 文件有问题（至少在我们谈论 <1MB 的情况下），缓存可能是带宽开销最小的方法。但是，如果您更喜欢使用较小的文件，您可以设置一个 php 脚本来连接您的开发文件，只需将其写入磁盘而不是直接提供，然后提供结果文件。
您可以使用服务器端包含... 使用 JavaScript 加载内容不是一个好主意，因为有些人将无法访问它。
如果你想让你的页面在你的脚本之前加载，只需将 s 元素放在 . 当然，将您的脚本放在远程文件中，以便浏览器使用缓存。
@eBusiness：如果他使用 Ajax，我认为浏览器不会使用缓存...只有 IE 使用 XHR 从他的缓存中获取页面。