search

Home  >  Q&A  >  body text

javascript - js调用underscore模板，模板的定义位置与引入有什么比较好的实践

最近在使用underscore的模板引擎进行一些页面的输出。我一般都是将模板写在<script type="text/template">块里，然后嵌入页面。在使用的时候通过jquery进行引用。

<html>
<body>...</body>
<script id="tpl" type="text/template">...</script>
<script>
var myTemplate=$("#tpl").html();
</script>
</html>

不过这样做模板与html页面并存，感觉有一些乱，请问还有其他比较好的引入方式吗，最佳实践又是怎样？比如说是不是可以把所有模板都放在一个文件里面，然后在js里面进行调用？

迷茫迷茫2859 days ago370

reply all(3)I'll reply

  • 怪我咯

    怪我咯2017-04-10 14:56:00

    一般来说 就是按你现在用的方法来做

    如果模板分离维护 则需要使用外部工具来实现
    把各个模板保存成单独的文件
    使用类似 grunt 的 grunts-includes 将模板合并到html中
    其实质和第一个方法相同 只不过便于维护

    reply
    0
  • PHPz

    PHPz2017-04-10 14:56:00

    用RequireJS管理，RequireJS有一个插件叫text可以import html

    https://github.com/requirejs/text

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 14:56:00

    没有最佳实践，只有最适合自己的实践。

    我倾向于直接写在backbone.view实例的template属性上，这样这个实例才是一个完整的整体。一个view就是一个component。

    reply
    0
  • Cancelreply