doT.js 模板引擎

介绍

一个适用于混合开发的模板引擎
最近在做一个Apicloud的webApp,使用了Apicloud提供的api.js和doT.js

1.特点是快,小,无依赖其他插件,可适用于webApp
2.常用语法

{{ }}     for evaluation 模板标记符
{{= }}    for interpolation 输出显示，默认变量名叫it
{{! }}    for interpolation with encoding 编码后输出显示
{{? }}    for conditionals 条件分支，if条件的简写
{{~ }}    for array iteration 遍历数组
    
//使用步骤
数据源  ： json
模板 ：   数据显示的格式
区域 ：   数据显示的位置
调用方试 ： 填充数据

3.在Safari模板引擎渲染速度测试

模板引擎渲染速度测试

4.doT.js框架下载链接 https://github.com/olado/doT

示例

1.模板

2.区域（最终显示的位置）

    

        ------赋值------
    
    

    

        ------循环------
    
    

    

        ------数组------
    
    

    

        ------条件------
    
    

3.数据源与调用方式

说明：

亲测在模板里{{= XXX}}、或者{{? XXX}}、即在"{{}}"内是可以直接使用全局变量以及方法名、 以及运算符
1.比如 {{= hostUrl + it.imageUrl}} 这里的hostUrl 为一个全局变量
2.{{= sayHello() }}这里sayHello()是一个有返回值的方法
3.使用三目运算符 {{? it.open ? "true":"false"}} 则条件真的时候返回true， 假的时候返回false