doT.js 模板引擎的使用
2015-05-12 21:16
274 查看
模版引擎之前在介绍mustache时已经提到了。doT、mustache各有优势吧,如果用于JS环境,doT的性能更胜一筹,并且套语句更方便些。现在公司的mobile页面已经被我替换成doT了。
doT source: https://github.com/olado/doT Docs: http://olado.github.com/doT/
doT上手比较容易,但之前熟悉了mustache,改用doT时有点不习惯,但用两次就好了。
下载doT.js(里面有个doU.js不要用,doU.js是为了测试遗留问题的)。举个简单的使用例子:
HTML部分:
![](http://images.cnitblog.com/blog2015/755150/201505/122114091265084.jpg)
JS部分:
![](http://images.cnitblog.com/blog2015/755150/201505/122114389236746.jpg)
![](http://images.cnitblog.com/blog2015/755150/201505/122114567519634.jpg)
看了例子,就应该会使用了。
{{=it.xx}} 取obj.xx的值
{{ }} 里面放if els / for 等表达式
{{!it.xx}} 取把obj.xx转义后的值
这些基本够用了,还有复杂的应用,可以看doT主页内的examples、docs。
并且,可以很容易把doT写成jquery插件:
doT source: https://github.com/olado/doT Docs: http://olado.github.com/doT/
doT上手比较容易,但之前熟悉了mustache,改用doT时有点不习惯,但用两次就好了。
下载doT.js(里面有个doU.js不要用,doU.js是为了测试遗留问题的)。举个简单的使用例子:
HTML部分:
![](http://images.cnitblog.com/blog2015/755150/201505/122114091265084.jpg)
JS部分:
![](http://images.cnitblog.com/blog2015/755150/201505/122114389236746.jpg)
![](http://images.cnitblog.com/blog2015/755150/201505/122114567519634.jpg)
看了例子,就应该会使用了。
{{=it.xx}} 取obj.xx的值
{{ }} 里面放if els / for 等表达式
{{!it.xx}} 取把obj.xx转义后的值
这些基本够用了,还有复杂的应用,可以看doT主页内的examples、docs。
并且,可以很容易把doT写成jquery插件:
![](http://images.cnitblog.com/blog2015/755150/201505/122115275952110.jpg)
相关文章推荐
- dot.js-js模板引擎使用,教程,入门
- doT.js 模板引擎的使用
- doT.js 模板引擎的使用
- doT.js 模板引擎的使用
- 探究Javascript模板引擎mustache.js使用方法
- 探究Javascript模板引擎mustache.js使用方法
- baiduTemplate——js模板引擎使用
- doT.js——前端javascript模板引擎问题备忘录
- doT.js——前端javascript模板引擎问题备忘录
- Node.js开发入门(六)——使用jade模板引擎
- Node.js的Web模板引擎ejs的入门使用教程
- Node.js开发入门—使用jade模板引擎
- js 模板引擎 为什么选择 dot
- doT.js——前端javascript模板引擎问题备忘录
- 使用百度JS模板引擎生成PDF和Word文档
- doT.js模板引擎
- require.js及模板引擎的使用实例
- node.js 使用ejs模板引擎时后缀换成.html
- js模板引擎art-template.js使用方法
- Mustache.js模板引擎使用