模板引擎的再度优化:Juicer

王朝互联网·作者佚名  2012-04-27
窄屏简体版  字體:   |    |    |  超大  

前端模板引擎因其代码可读性强和易于维护性深得站长喜爱。市面上的模板引擎很多,如: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)告知开发者模板解析出现错误,而不会影响后续代码的执行。

如此高效的模板引擎,你是否已经蠢蠢欲动了?

本文由郑州墙绘:http://www.zzfeitian.com整理发布。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航