首页 > Web开发 > 详细

ejs

时间:2014-10-08 22:49:07      阅读:344      评论:0      收藏:0      [点我收藏+]

ejs的特性: 

    1、缓存功能,能够缓存已经解析好的html模版; 

    2、<% code %>用于执行其中javascript代码; 

    3、<%= code %>会对code进行html转义; 

    4、<%- code %>将不会进行转义; 

    5、支持自定义标签,比如‘<%‘可以使用‘{{‘,‘%>‘用‘}}‘代替; 

    6、提供一些辅助函数,用于模版中使用 

    7、利用<%- include filename %>加载其他页面模版; 

    

    使用示例 

    1、ejs.compile(str, options); 将返回内部解析好的Function函数 

    2、ejs.render(str, options); 返回经过解析的字符串 


    其中options的一些参数为: 

    1、cache:是否缓存解析后的模版,需要filename作为key; 

    2、filename:模版文件名; 

    3、scope:complile后的Function执行所在的上下文环境; 

    4、debug:标识是否是debeg状态,debug为true则会输出生成的Function内容; 

    5、compileDebug:标识是否是编译debug,为true则会生成解析过程中的跟踪信息,用于调试; 

    6、client,标识是否用于浏览器客户端运行,为true则返回解析后的可以单独运行的Function函数; 

    7、open,代码开头标记,默认为‘<%‘; 

    8、close,代码结束标记,默认为‘%>‘; 

    9、其他的一些用于解析模版时提供的变量。 

    在express中使用时,options参数将由response.render进行传入,其中包含了一些express中的设置,以及用户提供的变量值。 


    此外ejs还提供了一些辅助函数,用于代替使用javascript代码,使得更加方便的操纵数据。 

    1、first,返回数组的第一个元素; 

    2、last,返回数组的最后一个元素; 

    3、capitalize,返回首字母大写的字符串; 

    4、downcase,返回字符串的小写; 

    5、upcase,返回字符串的大写; 

    6、sort,排序(Object.create(obj).sort()?); 

    7、sort_by:‘prop‘,按照指定的prop属性进行升序排序; 

    8、size,返回长度,即length属性,不一定非是数组才行; 

    9、plus:n,加上n,将转化为Number进行运算; 

    10、minus:n,减去n,将转化为Number进行运算; 

    11、times:n,乘以n,将转化为Number进行运算; 

    12、divided_by:n,除以n,将转化为Number进行运算; 

    13、join:‘val‘,将数组用‘val‘最为分隔符,进行合并成一个字符串; 

    14、truncate:n,截取前n个字符,超过长度时,将返回一个副本 

    15、truncate_words:n,取得字符串中的前n个word,word以空格进行分割; 

    16、replace:pattern,substitution,字符串替换,substitution不提供将删除匹配的子串; 

    17、prepend:val,如果操作数为数组,则进行合并;为字符串则添加val在前面; 

    18、append:val,如果操作数为数组,则进行合并;为字符串则添加val在后面; 

    19、map:‘prop‘,返回对象数组中属性为prop的值组成的数组; 

    20、reverse,翻转数组或字符串; 

    21、get:‘prop‘,取得属性为‘prop‘的值; 

    22、json,转化为json格式字符串 


ejs

原文:http://my.oschina.net/shanhe/blog/324958

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!