模板基础
zccst
这个作者很懒,什么都没留下…
展开
-
js模板mustache
作者:zccst 模板: 1)js模板可以是一个html文件。 模板文件.html Hello {{name}}, it is {{timeNow}}. 2) js模板可以是一个值是html代码的js变量 var template = "Hello {{name}}, it is {{timeNow}}."; 3) js模板可以是一个script片段 Nam...原创 2014-05-29 11:53:43 · 100 阅读 · 0 评论 -
mustache.js基本使用(一)重要!
作者:zccst 模板已是第二次接触,第一次使用模板记得是在十分系统里渲染页面时使用,当时已做到熟练使用,但实际上仍不知道原因。 再次学习模板已不是从0开始,所以还算顺手,但毕竟还只限于使用,今天继续学习,希望这次能够更深入一些。 这次学习的是mustache.js,他的理念是让模板尽量保持简单,甚至连基本的逻辑判断都不需要用。 本文基本要点: 1,渲染 ...原创 2014-06-19 22:38:34 · 471 阅读 · 0 评论 -
mustache.js使用基本(二)sections
作者:zccst 本文记录基本使用二,主要讲sections。 基本格式:{{#person}} {{/person}} 1,当person是null, undefined, false, 0, NaN, "", [], 空列表时不渲染 2,当person不空时渲染一次或多次。如果其中某一些为空,则改行略过,其他行正常。 [code="js"] var temp...原创 2014-06-19 22:45:24 · 207 阅读 · 0 评论 -
mustache.js使用基本(三)
作者:zccst 本节要点是子模块(partials)和分隔符(delimiter)等 1,子模块(partials) [code="js"] /* {{>partials}}以>开始表示子模块,如{{> address}}; 当结构比较复杂时,我们可以使用该语法将复杂的结构拆分成几个小的子模块,例如: */ var data = { "company...原创 2014-06-19 22:49:39 · 247 阅读 · 0 评论 -
jquery.mustache.js使用
作者:zccst jquery.mustache是用jQuery做了一层封装,提供了以下几个方法,让模板使用更便捷。 参考地址:[url]https://github.com/jonnyreeves/jquery-Mustache[/url] 1,添加模板的三种方式 add, addFromDom addFromString 可以直接添加模板,无论是作为字符串文...原创 2014-06-19 23:00:23 · 233 阅读 · 0 评论 -
mustache.js渲染带事件的模板
作者:zccst 最近遇到这样一个问题,预览内容可点击,问题是通过$.Mustache.render("templateId",data)渲染后的返回结果是一个字符串。 实现方案有两个:一个是在Backbone的events中绑定事件,一个是对返回后的String使用jQuery的$(html).find("#target").click(); 方案一:在Backbone的e...原创 2015-02-03 18:25:48 · 393 阅读 · 0 评论 -
待学习的两种模板Handlerbar和Hogan
作者:zccst 今天又长见识了,第一次听说HandlerBar,而且还听说各种模板都跟胡子的关系甚密。 比如山羊胡,络腮胡等等 慢慢学吧 1,HandlerBar 2,Hogan...原创 2015-02-03 23:23:12 · 182 阅读 · 0 评论