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

Single page web apps; Load all templates at once?

本文关键字：加载 一次 应用程序 网页 单页      更新时间：2023-09-26

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

哪一种是首选做法？

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

谢谢。

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

3.交付网页骨架，然后

  1. 使用hogan.js将模板编译为JavaScript函数，并连接到单个templates.js中
  2. 加载生成的templates.js文件（带有适当的头等，以便浏览器打开缓存）
  3. 调用JSON API并插入值
相关文章：