文档章节

underscore模板引擎

jackyaow
 jackyaow
发布于 2017/05/17 22:31
字数 207
阅读 8
收藏 0
点赞 0
评论 1

学习网站http://www.css88.com

<!-- TODO -->
<!--使用了undersocre的each方法
第一个参数  就当前遍历的对象
第二个从那时当前遍历的索引
-->
<script type="text/template" id="template">
    <div>
        <%_.each(model,function(item,i){%>
            <p><%-item.name%></p>
        <%});%>
    </div>
</script>
<script src="../lib/underscore/underscore-min.js"></script>
<script>
    $(function(){
        /*
        * - 是直接渲染成字符
        * = 直接填充在html  标签是会被渲染
        * XSS攻击:跨站脚本攻击(Cross Site Scripting),
        * 为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆
        * 故将跨站脚本攻击缩写为XSS。
        * */
        /* 准备 json  数据*/
        var data = [{name:'xiaoming'},{name:'xiaohong'}];
        /* 参数是模板当中的字符串  使用template方法 返回一个模板对象*/
        var template = _.template($('#template').html());
        /*调用模板对象的时候  传入json数据  返回的就是解析过后的字符串*/
        $('#box').html( template({model:data}));
    });
</script>

 

© 著作权归作者所有

共有 人打赏支持
jackyaow
粉丝 1
博文 1
码字总数 82360
作品 0
孝感
加载中

评论(1)

喻恒春
喻恒春
如果你希望模板在浏览器中运行, 向你推荐 Real-DOM 模板引擎 PowJS, 工作在浏览器环境, 直接在 DOM Tree 上编译, 渲染, 可导出导入. DOM Tree 就是模板.

https://github.com/powjs/powjs
underscore 系列之实现一个模板引擎(上)

前言 underscore 提供了模板引擎的功能,举个例子: 感觉好像没有什么强大的地方,再来举个例子: 在 HTML 文件中: JavaScript 文件中: 效果为: 那么该如何实现这样一个 _.template 函数呢...

⋅ 2017/12/20 ⋅ 0

underscore.js 中的 template 用法

最近看了下 underscore.js ,看到里面有个 template 的方法,小使了一下,感觉挺不错的,觉得能满足我日常工作的需求了,而且使用起来也简单容易,具体用法可以 参考这里 。还有, undersco...

楠木楠 ⋅ 2016/11/03 ⋅ 0

给开发者的 10 款最佳的 JavaScript 模板引擎

随着 Web 开发者和设计者收藏 JavaScript库的数量越来越多,JavaScript 也有大量流行的库:jQuery,MooTools 等等,很多时候大家都会使用 JavaScript模板引擎来开发 JavaScript 应用。以下列...

oschina ⋅ 2014/05/12 ⋅ 32

各种JS模板引擎对比数据(高性能JavaScript模板引擎)

最近做了JS模板引擎测试,拿各个JS模板引擎在不同浏览器上去运行同一程序,下面是模板引擎测试数据;通过测试artTemplate、juicer与doT引擎模板整体性能要有绝对优势; js模板引擎 JavaScri...

楠木楠 ⋅ 2016/11/03 ⋅ 0

underscore 系列之内部函数 restArgs

partial 在《 JavaScript 专题之偏函数》中,我们写了一个 partial 函数,用来固定函数的部分参数,实现代码如下: rest parameter ES6 为我们提供了剩余参数(rest parameter)语法,允许我...

冴羽 ⋅ 2017/12/06 ⋅ 0

underscore 系列之链式调用

underscore 系列第二篇,讲解 underscore 的链式调用 前言 本文接着上篇《underscore 系列之如何写自己的 underscore》,阅读本篇前,希望你已经阅读了上一篇。 jQuery 我们都知道 jQuery 可...

冴羽 ⋅ 2017/11/22 ⋅ 0

angular.js,backbone.js,ember.js区别

1 backbone. 对于初学者来说,我非常建议首先学习backbone 而不是jQuery. 因为jQuery提供的功能是操作DOM和Ajax数据传输. 而Backbone的功能和目的仅仅是提供一个javascript的MVC 实际针对Web...

造化玉碟 ⋅ 2014/04/05 ⋅ 2

underscore 系列之防冲突与 Utility Functions

防冲突 underscore 使用 作为函数的挂载对象,如果页面中已经存在了 对象,underscore 就会覆盖该对象,举个例子: 所以 underscore 提供了 noConflict 功能,可以放弃 underscore 的控制变量...

冴羽 ⋅ 2017/12/14 ⋅ 0

javascript 模板引擎选择 doT.js 模板继承 宏 禅

最近开始迁移以前的jsp项目到nodejs上,所以需要选择一个js模板引擎,初步有几点要求: 要强大,方便快速开发(希望在模板中写某些渲染逻辑) 有些语法糖 不然if for的大括号会太多看着很烦 ...

苗威 ⋅ 2014/04/19 ⋅ 2

virtuecai/jquery.underscore.render

jquery.underscore.render jQuery Plugin Demo & Examples https://virtuecai.github.io/jquery.underscore.render/ Example Usage HTML {%= name %} {%= age %}......

virtuecai ⋅ 2016/08/04 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Centos7重置Mysql 8.0.1 root 密码

问题产生背景: 安装完 最新版的 mysql8.0.1后忘记了密码,向重置root密码;找了网上好多资料都不尽相同,根据自己的问题总结如下: 第一步:修改配置文件免密码登录mysql vim /etc/my.cnf 1...

豆花饭烧土豆 ⋅ 44分钟前 ⋅ 0

熊掌号收录比例对于网站原创数据排名的影响[图]

从去年下半年开始,我在写博客了,因为我觉得业余写写博客也还是很不错的,但是从2017年下半年开始,百度已经推出了原创保护功能和熊掌号平台,为此,我也提交了不少以前的老数据,而这些历史...

原创小博客 ⋅ 今天 ⋅ 0

LVM讲解、磁盘故障小案例

LVM LVM就是动态卷管理,可以将多个硬盘和硬盘分区做成一个逻辑卷,并把这个逻辑卷作为一个整体来统一管理,动态对分区进行扩缩空间大小,安全快捷方便管理。 1.新建分区,更改类型为8e 即L...

蛋黄Yolks ⋅ 今天 ⋅ 0

Hadoop Yarn调度器的选择和使用

一、引言 Yarn在Hadoop的生态系统中担任了资源管理和任务调度的角色。在讨论其构造器之前先简单了解一下Yarn的架构。 上图是Yarn的基本架构,其中ResourceManager是整个架构的核心组件,它负...

p柯西 ⋅ 今天 ⋅ 0

uWSGI + Django @ Ubuntu

创建 Django App Project 创建后, 可以看到路径下有一个wsgi.py的问题 uWSGI运行 直接命令行运行 利用如下命令, 可直接访问 uwsgi --http :8080 --wsgi-file dj/wsgi.py 配置文件 & 运行 [u...

袁祾 ⋅ 今天 ⋅ 0

JVM堆的理解

在JVM中,我们经常提到的就是堆了,堆确实很重要,其实,除了堆之外,还有几个重要的模块,看下图: 大 多数情况下,我们并不需要关心JVM的底层,但是如果了解它的话,对于我们系统调优是非常...

不羁之后 ⋅ 昨天 ⋅ 0

推荐:并发情况下:Java HashMap 形成死循环的原因

在淘宝内网里看到同事发了贴说了一个CPU被100%的线上故障,并且这个事发生了很多次,原因是在Java语言在并发情况下使用HashMap造成Race Condition,从而导致死循环。这个事情我4、5年前也经历...

码代码的小司机 ⋅ 昨天 ⋅ 2

聊聊spring cloud gateway的RetryGatewayFilter

序 本文主要研究一下spring cloud gateway的RetryGatewayFilter GatewayAutoConfiguration spring-cloud-gateway-core-2.0.0.RC2-sources.jar!/org/springframework/cloud/gateway/config/G......

go4it ⋅ 昨天 ⋅ 0

创建新用户和授予MySQL中的权限教程

导读 MySQL是一个开源数据库管理软件,可帮助用户存储,组织和以后检索数据。 它有多种选项来授予特定用户在表和数据库中的细微的权限 - 本教程将简要介绍一些选项。 如何创建新用户 在MySQL...

问题终结者 ⋅ 昨天 ⋅ 0

android -------- 颜色的半透明效果配置

最近有朋友问我 Android 背景颜色的半透明效果配置,我网上看资料,总结了一下, 开发中也是常常遇到的,所以来写篇博客 常用的颜色值格式有: RGB ARGB RRGGBB AARRGGBB 这4种 透明度 透明度...

切切歆语 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部