设为首页 - 加入收藏 焦点技术网
热搜:java
当前位置:首页 >

如何选择Javascript模板引擎(javascript template engine)?

导读:日期:2012-9-17  来源:GBin1.com随着前端开发的密集度越来越高,Ajax和JSON的使用越来越频繁,大家肯定免不了在前台开发中大量的使用标签,常见到的例子如下:你的到了一个JSON对象,如下:var data={  email: 'terry.li@gbin1.com,  gender: 'male'  }然后你需要将json数据组织成页面内容,如下: var email, ge...。。。

日期:2012-9-17  来源:GBin1.com

如何选择Javascript模板引擎(javascript template engine)?

随着前端开发的密集度越来越高,Ajax和JSON的使用越来越频繁,大家肯定免不了在前台开发中大量的使用标签,常见到的例子如下:

你的到了一个JSON对象,如下:

var data={  email: 'terry.li@gbin1.com,  gender: 'male'  }

然后你需要将json数据组织成页面内容,如下:

var email, gender;email= '
' + data.email+
'; gender= '
' + data.gender +
'; $('#contentwrapper‘).append(content).append(gender);

代码执行功能非常简单,将json数据生成web页面中的内容,如下:

terry.li@gbin1.com

目前开源的javascript模板引擎很多,抛给我们的问题是 - 如何选择一个js模板引擎?

为了更好的帮助大家辅助选择模板引擎,这里推荐一个不错的工具性网站:Template-engine-chooser

打开这个网站后,我们可以看到列出了比较常用的js模板引擎,例如,mustache.js,jQuery之父John 的micorotemplate.js,还有jQuery Tmpl的替代品 - jsrender等等。

在类库列表的左边是一系列的问题,如下:

  • 模板需要在客户端使用还是服务器端?
  • 逻辑复杂程度有多少?
  • 是不是有运行速度要求?
  • 是不是需要预定义的模板?
  • 需要Partials支持吗?
  • 需要DOM结构或者String字符串类型?
  • 除了模板标签,是不是在渲染前后开发语言一致?

如果你也在寻找js模板的话,你肯定也有一些问题,或者就是上面列出的问题里。你只需要针对不同的问题回答:是或者不是,这个工具会自动选择合适的模板。

当然,这里的模板并不是很全,但是包含了比较知名的模板,希望以后它能够添加更多模板选择项。

希望大家喜欢这个工具!如果你有任何问题,请给我们留言!

来源:如何选择Javascript模板引擎(javascript template engine)?


(编辑: jjfat)

网友评论