文档章节

underscore模板引擎

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

学习网站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
博文 161
码字总数 89966
作品 0
孝感
私信 提问
加载中

评论(1)

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

https://github.com/powjs/powjs
underscore 的源码该如何阅读?

前言 别名:《underscore 系列 8 篇正式完结!》 介绍 underscore 系列是我写的第三个系列,前两个系列分别是 JavaScript 深入系列、JavaScript 专题系列。 这个系列算是 JavaScript 专题系列...

冴羽
04/03
0
0
underscore 系列之实现一个模板引擎(上)

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

2017/12/20
0
0
underscore.js 中的 template 用法

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

楠木楠
2016/11/03
658
0
underscore 系列之实现一个模板引擎(下)

前言 本篇接着上篇 underscore 系列之实现一个模板引擎(上)。 鉴于本篇涉及的知识点太多,我们先来介绍下会用到的知识点。 反斜杠的作用 我们的本意是想打印带 包裹的 字符串,但是在 JavaSc...

冴羽
01/25
0
0
各种JS模板引擎对比数据(高性能JavaScript模板引擎)

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

楠木楠
2016/11/03
61
0

没有更多内容

加载失败,请刷新页面

加载更多

/etc/profile和/etc/environment的区别

/etc/profile 文件 当一个用户登录Linux系统或使用 su 命令切换到另一个用户时,设置用户环境第一个读取的文件就是 /etc/profile ,此文件为系统全局变量配置文件,且仅仅在第一次登录系统时...

calmsnow
7分钟前
0
0
rabbitMQ日常管理(转)

一、网页登录方法 http://127.0.0.1:15672/ 用户名和密码默认为guest/guest 用java代码去连接rabbitmq用的端口是5672 二、rabbitMQ基本概念 RabbitMQ是一个开源的AMQP实现,服务器端用Erlan...

__HuWei
13分钟前
0
0
gitlab cicd

https://docs.gitlab.com/ee/ci/docker/using_docker_build.html

kut
14分钟前
0
0
使用Prometheus+Grafana监控

一、介绍Prometheus Prometheus(普罗米修斯)是一套开源的监控&报警&时间序列数据库的组合,起始是由SoundCloud公司开发的。随着发展,越来越多公司和组织接受采用Prometheus,社会也十分活...

xtof
14分钟前
0
0
EOS RPC API官方文档中文版【1.5版】

EOS RPC API是应用访问EOS区块链上智能合约的必备开发接口,根据所实现插件的不同,EOS RPC API被归入不同的分组: CHAIN:由chain_api_plugin实现,主要提供区块链数据的访问功能 HISTORY:...

汇智网教程
16分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部