使用js模板引擎心得
  1L7CrnajIymS 2023年11月02日 265 0


最近几年随着web开发前后端分工越来越细,同时mvc、mvp模式大行其道,js模板引擎也越来越流行了

js模板引擎很多,我经常用的是artTemplate、jsviews这两个模板引擎,12306用的就是jsviews

artTemplate 特性:

性能卓越,执行速度通常是 Mustache 与 tmpl 的 20 多倍(性能测试)


支持运行时调试,可精确定位异常模板所在语句(演示)


对 NodeJS Express 友好支持


安全,默认对输出进行转义、在沙箱中运行编译后的代码(Node版本可以安全执行用户上传的模板


支持include包含模板


可在浏览器端实现按路径加载模板(详情)


支持预编译,可将模板转换成为非常精简的 js 文件


模板语句简洁,无需前缀引用数据,有简洁版本与原生语法版本可选


支持所有流行的浏览器




简单示例:



编写模板


使用一个type="text/html"的script标签存放模板:


<script id="test" type="text/html"> 

 <h1>{{title}}</h1> 

 <ul> 

     {{each list as value i}} 

         <li>索引 {{i + 1}} :{{value}}</li> 

     {{/each}} 

 </ul> 

 </script>

渲染模板

var data = { 

     title: '标签', 

     list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他'] 

 }; 

 var html = template('test', data); 

 document.getElementById('content').innerHTML = html;


关于各种模板引擎性能对比可参考



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  NHaurzrhyr04   2023年12月23日   89   0   0 htmljQueryhtmljQuery
  BEOpup9HILHT   2023年12月23日   61   0   0 htmljQueryhtmljQuery
1L7CrnajIymS