javascript - 单页网络应用程序；一次加载所有模板？

Question

我正在编写我的第一个单页网络应用程序（HTML5/javascript over Ruby 驱动的 JSON API）。我正在使用 mustache.js 模板将 JSON API 返回的值插入到标记中。鉴于，

哪个是首选做法？

1. 通过初始请求将所有 <script type="text/template"> 模板传送到页面。
   1. 调用 JSON API 并插入值
2. 交付页面的骨架，然后
   1. 模板中的 Ajax
   2. 调用 JSON API 并插入值

谢谢。

Answer 1

根据页面大小、模板数量、初始请求的可缓存性等，两者都可以工作。通常，我更喜欢第三种选择：

3. 交付网页的骨架，然后

1. 使用 hogan.js 将模板编译为 JavaScript 函数并连接成单个templates.js.
2. 加载生成的templates.js文件（带有适当的标题等，以便浏览器获取其缓存）。
3. 调用 JSON API 并插入值。