与骨干JS加载模板(Loading templates with backbone js)

我开始在JavaScript开发，并使用骨干，一切看起来完美，直到我想我的模板，从我的js做了与node.js的一个休息API和一个客户端一个简单的项目。

我发现不同的方法，有的还带有一定的时间（比如一岁），但我不明白其中的一个可能会更好：

• 与HTML代码中的VAR .js文件

  利弊 - >易于装载，容易通过强调编译它。

  缺点 - >景观每一行。

   app.templates.view = " \ <h3>something code</h3> \ "; 

  负载模板：

   template: _.template(app.templates.view) 

在下划线外部模板

• 使用require.js文本插件加载。

  利弊 - >根据需要负载不同的模板。

  缺点 - >我不喜欢的方式把一切“加载”功能里面...

   define(["TemplateEngine", "text!templates/template.html"], function(... 

RequireJS：加载模块，包括模板和CSS

• 这与AJAX请愿装载模板的功能。

  优点 - >您可以加载，你需要和增加本地存储posibilities的模板。

  缺点 - >看来我不得不把所有的模板合并成一个文件用于生产环境。

   function() { var templateLoader = {... $.get calls ...} 

异步加载下划线模板的最佳方法

• 和jQuery插件模板加载，我真的很喜欢，但它似乎没有去释放？

http://api.jquery.com/jQuery.template/

看来，需要是最好的方法，但也许我失去了一些东西，我不wan't把事情尽可能的干净，因为我在学习我/玩乐阶段：d

任何好的文章或GitHub的项目，在一个很好的结构或任何光线可以理解的。

谢谢。

对不起，任何重大的拼写错误，不说英语的人:)

-编辑发现了一些有趣的视频，以了解如何启动和require.js换东西http://www.youtube.com/watch?v=VGlDR1QiV3A

http://www.youtube.com/watch?v=M-wjQjsryMY

Answer 1:

我会建议使用require.js文本插件。 混合HTML模板作为字符串在JavaScript变量是馊主意，并使用类似<script type="text/template"></script>

这里是一个Backbone.js的非常好的系列覆盖模板装载和项目建设，以及： http://dailyjs.com/2012/11/29/backbone-tutorial-1/ 。 Github上项目还提供有。

Answer 2:

需要从你列出的一个不错的选择。

有你有没有简单地认为一个原因：

1. 存储模板使用它们作为页<script type='text/template'>节点？

2. 模板保存为文本（非JS）文件，并通过XHR在使用他们的网页加载它们？

文章来源: Loading templates with backbone js