单页网络应用;一次加载所有模板？

Question

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

哪种做法更合适？

1. 提供所有＆lt; script type =“text / template”＆gt;具有初始请求的页面的模板。
   1. 调用JSON API并插入值
2. 提供页面的骨架，然后
   1. 模板中的Ajax
   2. 调用JSON API并插入值

感谢。

Answer 1

要么可以工作，取决于页面的大小，模板的数量，初始请求的可达性等。一般来说，我更喜欢第三种选择：

3。提供网页的骨架，然后

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