前端模板引擎因其代码可读性强和易于维护性深得站长喜爱。市面上的模板引擎很多,如:Mustache, jQuery tmpl, Kissy template, ejs, doT, nTenjin, etc.等。随着技术的进步,这些模板引擎越来越切合用户的体验要求了。目前,又有了新模板Juicer,既然是新模板,说明其一定有着其他模板所不具备的新特性,下面让我们一起来了解一下Juicer。
Juicer最注重的是其高效的性能,因为用户的体验感知,直接受其影响。同时,Juicer兼顾了错误处理机制和安全性。下面我们来看下jsperf上同几个主流模板引擎的性能对比。
通过上图,我们可以清晰看到Juicer在性能上的优势。下面就来详细介绍下Juicer。
一、安全性
Juicer对数据输出做了安全转义,避免执行恶意JS代码。如下
如果JSON数据是第三方接口返回或者含有用户输入(像BBS、评价)的内容,第一种代码写法就很容易执行恶意代码。当然,如果不想被转义,可以使用$${varname}。
二、错误处理
错误处理可以避免模板引擎编译错误时引发后续js代码停止执行。而Juicer在遇到一些JSON数据的偶发错误时,只会在控制台打出一句警告(Warn)告知开发者模板解析出现错误,而不会影响后续代码的执行。
如此高效的模板引擎,你是否已经蠢蠢欲动了?
本文由郑州墙绘:整理发布。
申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!