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

Question

我正在编写我的第一个单页web应用程序(HTML5 5/javascript基于Ruby支持的JSON )。我使用mustache.js模板将JSON返回的值插入标记中。既然如此，

哪一种是首选的做法？

1. 将所有模板与初始请求一起传递到页面。
   1. 调用JSON并插入值

​

1. 传递页面的框架，然后是
   1. 模板中的Ajax
   2. 调用JSON并插入值

​

谢谢。

Answer 1

这两种方法都可以工作，这取决于页面的大小、模板的数量、初始请求的可伸缩性等。通常，我更喜欢第三种选择：

1. 传递网页的骨架，然后

1. 使用JavaScript将模板编译为hogan.js函数，并将其连接到一个templates.js中。
2. 加载结果的templates.js文件(带有适当的头等，这样浏览器就可以打开其缓存)。
3. 调用JSON并插入值。