模板基础
关注
分享
扫一扫
zccst
这个作者很懒，什么都没留下…
展开
-
js模板mustache
作者：zccst模板：1）js模板可以是一个html文件。模板文件.htmlHello {{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 · 119 阅读 · 0 评论 -
mustache.js基本使用（一）重要！
作者：zccst模板已是第二次接触，第一次使用模板记得是在十分系统里渲染页面时使用，当时已做到熟练使用，但实际上仍不知道原因。再次学习模板已不是从0开始，所以还算顺手，但毕竟还只限于使用，今天继续学习，希望这次能够更深入一些。 这次学习的是mustache.js，他的理念是让模板尽量保持简单，甚至连基本的逻辑判断都不需要用。本文基本要点：1，渲染...原创 2014-06-19 22:38:34 · 504 阅读 · 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 · 224 阅读 · 0 评论 -
mustache.js使用基本（三）
作者：zccst本节要点是子模块（partials）和分隔符（delimiter）等1，子模块（partials）[code="js"]/*{{>partials}}以>开始表示子模块，如{{> address}}；当结构比较复杂时，我们可以使用该语法将复杂的结构拆分成几个小的子模块，例如：*/var data = { "company...原创 2014-06-19 22:49:39 · 271 阅读 · 0 评论 -
jquery.mustache.js使用
作者：zccstjquery.mustache是用jQuery做了一层封装，提供了以下几个方法，让模板使用更便捷。参考地址：[url]https://github.com/jonnyreeves/jquery-Mustache[/url]1，添加模板的三种方式add, addFromDomaddFromString可以直接添加模板，无论是作为字符串文...原创 2014-06-19 23:00:23 · 261 阅读 · 0 评论 -
mustache.js渲染带事件的模板
作者：zccst最近遇到这样一个问题，预览内容可点击，问题是通过$.Mustache.render("templateId",data)渲染后的返回结果是一个字符串。实现方案有两个：一个是在Backbone的events中绑定事件，一个是对返回后的String使用jQuery的$(html).find("#target").click();方案一：在Backbone的e...原创 2015-02-03 18:25:48 · 426 阅读 · 0 评论 -
待学习的两种模板Handlerbar和Hogan
作者：zccst今天又长见识了，第一次听说HandlerBar，而且还听说各种模板都跟胡子的关系甚密。比如山羊胡，络腮胡等等慢慢学吧1，HandlerBar2，Hogan...原创 2015-02-03 23:23:12 · 202 阅读 · 0 评论