Maison  >  Article  >  interface Web  >  Underscore.js 的模板功能介绍与应用_javascript技巧

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

WBOY
WBOYoriginal
2016-05-16 17:45:501064parcourir

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>


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn