码迷,mamicode.com
首页 > Web开发 > 详细

JsRender模板

时间:2015-08-02 23:41:29      阅读:474      评论:0      收藏:0      [点我收藏+]

标签:

一、jsrender

jsrender 是下一代的 jQuery 模板,专为高性能的纯字符串渲染而优化,无需 DOM 和其他 jQuery 依赖。

在JsRender中,是通过调用方法render()来渲染模板的。换句话说,就是在Html文件中使用java script来输出html模板的内容。


二、下载最新的jsrender.js和jsrender.min.js官方文档下载:http://www.jsviews.com/#download

jquery下载地址: http://jquery.com/download/

<script src="../../js/jsrender.js"></script>
<script src="../../js/jquery-1.11.3.min.js"></script>


三、JsRender模板(Template)

  基本的jsRender标签:JsRender模板主要由html标记和jsrender标签(像{{:XXX}})组成。所有的Jsrender标签都被两个大括号包裹,中间既可以是参数也可以使表达式(如:{{:#index}}和{{:#index+1}}),下面看一下一些基本的Jsrender标签。

标签:

描述 例子 输出
参数a的值(未被Html编码) {{:a}} xxxxx
参数a的属性--b的值(未被html编码) {{:a.b}} xxxxx
比较(表达式,未被html编码) {{:a.b< 2000}} true/false
经html编码的值(更加安全,但是要耗点内存) {{>a.b}} Star Wars: Episode VI: <span style=‘color:purple;font-style: italic;‘>Return of the Jedi</span>
经html编码的值 {{html:a.b}} Star Wars: Episode VI: <span style=‘color:purple;font-style: italic;‘>Return of the Jedi</span>

条件表达式

表达式
举例 注释
|| {{ :a || b }}
&& {{ :a && b }}
! {{ :!a }}
<= 和>=和 <和 > {{ :a <= b }} 比较
=== 和 !== {{ :a === b }} 等于和不等于


JsRender模板

标签:

原文地址:http://my.oschina.net/u/2264370/blog/486749

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!