dojo模板字符串最佳实践
2017-03-10 14:04
309 查看
之前写了一篇文章介绍dojo/string模块提供的模板处理函数substitute ,随之而来的一个问题是写模板字符串太麻烦了,涉及到转义等问题。
我的建议是将模板字符串写在一个单独文件中,然后使用dojo/text模块来加载(dojo
loader的一个插件。关于loader插件的更多信息请参考http://blog.csdn.net/tt361/article/details/8125246),这样即省去了转义的烦恼又保证了js与html分离。这也是dojo小部件模板与js程序的组织方式,至于会增加向服务器端的请求嘛,构建完了会自动压缩到相应的js文件中。
具体做法如下:
假设模板文件名字为template.html,其中内容为
<div class="content">
<div class="title">${title}</div>
<div class="detail">${detail}</div>
<div class="info">${info}</div>
</div>
假设template.html放在templates子目录中,那么使用方法如下:
require(["dojo/dom", "dojo/string", "dojo/text!./templates/template.html"], function(dom, string, template){
var article = {title : "", detail : "", info : ""};
dom.byId("dom-id").innerHTML = string.substitute(template, article);
});
我的建议是将模板字符串写在一个单独文件中,然后使用dojo/text模块来加载(dojo
loader的一个插件。关于loader插件的更多信息请参考http://blog.csdn.net/tt361/article/details/8125246),这样即省去了转义的烦恼又保证了js与html分离。这也是dojo小部件模板与js程序的组织方式,至于会增加向服务器端的请求嘛,构建完了会自动压缩到相应的js文件中。
具体做法如下:
假设模板文件名字为template.html,其中内容为
<div class="content">
<div class="title">${title}</div>
<div class="detail">${detail}</div>
<div class="info">${info}</div>
</div>
假设template.html放在templates子目录中,那么使用方法如下:
require(["dojo/dom", "dojo/string", "dojo/text!./templates/template.html"], function(dom, string, template){
var article = {title : "", detail : "", info : ""};
dom.byId("dom-id").innerHTML = string.substitute(template, article);
});
相关文章推荐
- dojo模板字符串最佳实践
- CSS最佳实践:为今后的项目制作空白CSS模板文件 留以后查阅
- Dojo 最佳实践 - 如何防止浏览器内存泄漏
- LINQ快速开发设计最佳实践(三) LINQ数据访问与业务逻辑层对象模板
- Java 字符串拼接效率分析及最佳实践
- 判断一个字符串是utf-8还是gb18030编码方法的最佳实践
- Java 字符串拼接效率分析及最佳实践
- SAP BPC最佳实践-BPC10中如何自定义邮件模板
- (桌面虚拟化最佳实践--呼叫中心系统优化之三)虚拟机模板优化项目
- Java字符串拼接效率分析及最佳实践
- Dojo-最佳实践如何防止浏览器内存泄露
- PHP最佳实践之多字节字符串、字符编码
- LINQ快速开发设计最佳实践(三) LINQ数据访问与业务逻辑层对象模板
- Go语言最佳实践—— 字符串
- Java字符串连接最佳实践
- 12个最重要的J2EE最佳实践
- J2EE 最佳实践
- 12个最重要的J2EE最佳实践(三)
- 十二个最重要的J2EE最佳实践(三)
- 12个最重要的J2EE最佳实践(一)