首頁  >  文章  >  web前端  >  Underscore.js 的模板功能介绍与应用_javascript技巧

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

WBOY
WBOY原創
2016-05-16 17:45:501025瀏覽

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>


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn