javascript轻量级模板引擎juicer使用指南
需积分: 9 20 浏览量
2020-12-10
08:16:20
上传
评论
收藏 49KB PDF 举报
javascript轻量级模板引擎轻量级模板引擎juicer使用指南使用指南
使用方法
编译模板并根据数据立即渲染出结果
juicer(tpl, data);
仅编译模板暂不渲染，返回一个可重用的编译后的函数
var compiled_tpl = juicer(tpl);
根据给定的数据对之前编译好的模板进行渲染
var complied_tpl = juicer(tpl);
var html = complied_tpl.render(data);
注册/注销自定义函数（对象）
juicer.register(‘function_name', function);
juicer.unregister(‘function_name');
默认参数配置
{
cache: true [false];
script: true [false];
error handling: true [false];
detection: true [false];
}
修改默认配置，逐条修改
juicer.set('cache', false);
修改默认配置，批量修改
juicer.set({
'script': false,
'cache': false
})
Juicer 默认会对编译后的模板进行缓存，从而避免同一模板多次数据渲染时候重复编译所耗的时间， 如无特殊需要，强烈不
建议关闭默认参数中的 cache，这么做将会令 Juicer 缓存失效从而降低性能.
语法
* ${变量}
– 使用${}输出变量，其中_ 为对数据源的引用（${_})。支持使用自定义函数。
${name}
${name|function}
${name|function, arg1, arg2}
var = links: [{href: 'http://juicer.name', alt: 'Juicer'},
{href: 'http://benben.cc', alt: 'Benben'},
{href: 'http://ued.taobao.com', alt: 'Taobao UED'}
]};
var tpl = [ '{@each links as item}',
'${item|links_build} <br />',
'{@/each}'].join('');
var links = function(data) {
return '<a href="'%20+%20data.href%20+%20'" alt="' + data.alt + '" />';
};
juicer.register('links_build', links); //注册自定义函数
juicer(tpl, json);
评论0
最新资源