文档章节

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
博文 138
码字总数 85556
作品 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
给开发者的 10 款最佳的 JavaScript 模板引擎

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

oschina
2014/05/12
13.2K
32

没有更多内容

加载失败,请刷新页面

加载更多

面向对象类之间的关系

面向对象类之间的关系:is-a、has-a、use-a is-a关系也叫继承或泛化,比如大雁和鸟类之间的关系就是继承。 has-a关系称为关联关系,例如企鹅在气候寒冷的地方生活,“企鹅”和“气候”就是关...

gackey
29分钟前
1
0
读书(附电子书)|小狗钱钱之白色的拉布拉多

关注公众号,在公众号中回复“小狗钱钱”可免费获得电子书。 一、背景 之前写了一篇文章 《小狗钱钱》 理财小白应该读的一本书,那时候我才看那本书,现在看了一大半了,发现这本书确实不错,...

tiankonguse
52分钟前
1
0
Permissions 0777 for ‘***’ are too open

异常显示: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ......

李玉长
54分钟前
3
0
区块链10年了,还未落地,它失败了吗?

导读 几乎每个人,甚至是对通证持怀疑态度的人,都对区块链的技术有积极的看法,因为它有可能改变世界。然而,区块链技术问世已经10年了,我们仍然没有真正的用上区块链技术。 几乎每个人,甚...

问题终结者
今天
2
0
20180921 su与sudo命令、限制root用户通过ssh远程登录

su 命令 用户切换。 su # 切换到root用户su username # 切换到username用户# su 后面加-时,会初始化当前用户的各种环境su - username # 指定用户执行某些命令 su - -c "touch /tm...

野雪球
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部