不少前端人员应该都用过,它是一个比较强大的模板,不牵涉太多技术依赖,使用起来非常舒服。我本人在前端开发中使用 React 之前,都是用的它了(实际上我感觉 React 没有好用)。不管怎么说,先来学习下 JsRender 技术吧,如果前端的开发环境比较单纯,还是很适合的。
一、JsRender 特性
新一代的前端渲染模板
优先使用场景
二、JsRender 使用
基本语法
几个你可能不知道的要点
获取当前的索引:#index,如 {{if #index==0}} ... {{/if}}
获取整个数据:#data, 如
获取父模板:#parent, 如 {{if (#parent.data.general==0)}} ... {{/if}}
三、举个例子
下图中是我以前做的一个 web 页面:
它的数据来源大概是这样:
- [{
- id: 12,
- cid: 195,
- type: "问题简述",
- impact: "错误级别",
- status: "处理状态",
- owner: "处理人",
- count: 1,
- path: "问题所在文件的SVN路径",
- rev: 对应文件的SVN版本号,
- …
- },
- ...]
我们关注的是这个模板是怎么写的:
大家可以看上图中标红的部分,除了 helper 与 tag 外,大部分功能都用上了。我实在不想好好做个 demo 给大家下载了,本身不复杂,不明白可以再交流。
四、性能比较
转载请注明原址:
来源: http://www.cnblogs.com/lekko/p/5888962.html