前端模板文件化jQuery插件 $.loadTemplates

工作中使用前端模板引擎，如 artTemplate、jsRender，来替代拼接字符串。

可是直接把模板写在页面上会带来页面臃肿，模板无法重用，与 ASP.NET等后端语言语法冲突等问题。

所以将多个模板集成到一个静态文件就很有必要，同时还能利用静态文件的缓存特性。

最好还能实现按需加载，不执行渲染的话就不载入模板文件。

虽然有对应的工具可以将模板转为 javascript 代码存在 .js 文件中，但是 js 下的模板代码可读性太差，不考虑。

于是根据以上需求写了一个jQuery 插件 $.loadTemplates

var tpl = $.loadTemplates('template.html');
var json = {str:'this is test'};
var templateId = 'temp1';
tpl.render(templateId, json)
.done(function(html){
$('body').html(html);
});

使用例子
存在的问题:

1. 由于使用了$.ajax 加载，所以模板文件的缓存在开发过程中可能会带来困扰。

2. 对于 'template.html' 和 './template.html' 无法识别为同一个静态文件。（前端 url 的同一性判断谁能给解下惑）