Home  >  Article  >  Web Front-end  >  Underscore.js 的模板功能介绍与应用_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:45:501024browse

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>


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn