單頁網頁應用;一次加載所有模板？

Question

我正在編寫我的第一個單頁網頁應用程序（HTML5/JavaScript over Ruby powered JSON API）。我使用mustache.js模板將JSON API返回的值插入標記中。鑑於此，

哪個是首選的做法？

1. 將所有<腳本類型=「text/template」>模板發送到具有初始請求的頁面。
   1. 調用JSON API和插件中的值
2. 交付頁面的骨架，然後
   1. 阿賈克斯模板
   2. 調用JSON API和插件中的值

謝謝。

Answer 1

這兩者都可以正常工作，根據頁面的大小，模板的數量，初始請求的緩衝能力等。通常，我喜歡第三種選擇：

3.交付網頁的骨架，然後

1. 使用hogan.js將模板編譯爲JavaScript函數並連接成一個單一的templates.js。
2. 加載生成的templates.js文件（使用適當的頭文件以便瀏覽器獲取緩存）。
3. 調用JSON API並插入值。