Rumah  >  Artikel  >  hujung hadapan web  >  Underscore.js 的模板功能介绍与应用_javascript技巧

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

WBOY
WBOYasal
2016-05-16 17:45:501066semak imbas

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>


Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn