Heim  >  Artikel  >  Web-Frontend  >  Underscore.js 的模板功能介绍与应用_javascript技巧

Underscore.js 的模板功能介绍与应用_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:45:501051Durchsuche

Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能。
无论你写一段小的js代码,还是写一个大型的HTML5应用,underscore都能帮上忙。目前,underscore已经被广泛使用,例如,backbone.js唯一强依赖的库就是underscore.js。
今天主要讨论Underscore 的前端模板功能。它的模板功能和前一篇介绍的javascript前端模板是一样的。对数据的处理更加方便。写了个小例,供大家参考学习。

完整实例下载

复制代码 代码如下:





Underscore

















<script> <BR>var datas = [ <BR>{ <BR>title: "一九四二", <BR>url: "http://www.jb51.net", <BR>film:"电影1" <BR>}, <BR>{ <BR>title: "少年派的漂流", <BR>url: "http://www.jb51.net", <BR>film:"电影2" <BR>}, <BR>{ <BR>title: "教父", <BR>url: "http://www.jb51.net", <BR>film:"电影3" <BR>}, <BR>{ <BR>title: "肖申克的救赎", <BR>url: "http://www.jb51.net", <BR>film:"电影4" <BR>}, <BR>{ <BR>title: "3d2012", <BR>url: "http://www.jb51.net", <BR>film:"电影5" <BR>} <BR>]; <BR>$("body").html( _.template($("#t2").html(), datas)); <BR></script>


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn