最近在使用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里面進行調(diào)用?
業(yè)精于勤,荒于嬉;行成于思,毀于隨。
一般來說 就是按你現(xiàn)在用的方法來做
如果模板分離維護 則需要使用外部工具來實現(xiàn)
把各個模板保存成單獨的文件
使用類似 grunt 的 grunts-includes 將模板合并到html中
其實質(zhì)和第一個方法相同 只不過便于維護
用RequireJS管理,RequireJS有一個插件叫text可以import html
https://github.com/requirejs/text
沒有最佳實踐,只有最適合自己的實踐。
我傾向于直接寫在backbone.view實例的template屬性上,這樣這個實例才是一個完整的整體。一個view就是一個component。