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

Question

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

首选做法是什么？

1. 通过初始请求将所有

交付页面的骨架，然后

1. 模板中的 Ajax
2. 调用 JSON API 并插入值

谢谢。

Answer 1

两者都可以，取决于页面大小、模板数量、初始请求的可缓存性等。一般来说，我更喜欢第三种选择：

3。传递网页的骨架，然后

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