tpl.js是一个比较极致(极小,极快,极简单)的js模板引擎,能够在各类js环境中使用。
1. 使用js做为模板语言,几乎无学习成本 2. 小巧,速度快到极致 3. 极简的语法,模板书写很是流畅 4. mit开源,无限制
tpl.js中模板语法中以行为单一,分为js行语句,和输出行语句。顾名思义,js行语句是编译时候会当作js执行的语句,
而输出行语句,则是会输出为html。html
1. 以行为单位,每一行做为语句块,并去掉行先后空白字符 2. 若是行不是以<(左尖括号)开头,则视为js,若是不是,则视为该行为输出行 3. 若是行以!(叹号)开头,也视该行为输出行。如 !aa 4. 在输出行中经过@{exp}这样的表达式做为js变量输出。@{item.name} 5. 若是exp以.(点)开头,则自动解析为上个exp表达式中最后一个点的前面部分。如@{.name},将自动解析为@{item.name} 6. 若是4中exp无特殊字符,如"、'、'<、 >等。则能够省略{}中括号。如@.item.name @.name @func(item) @list[i] 7. 若是行以!!2个叹号开头,则视该行为纯输出行,不解析@表达式,原样输出。如!!abc@def 8. 若是行中出现@又不想要tpl.js解析,则经过\转义。如\@abc
tpl.html(tplText,daata)git
经过传递tplText模板,和数据data直接获取模板生成的html代码。api
tpl.func(tplText)markdown
将tplText编译为一个函数,该函数参数在模板中经过tplData引用。 调用后返回模板编译后的html代码。dom
tpl.render()函数
自动渲染整个网页中的<script type="tpl">标签中的模板。并能保证html dom中原有的结构。至关于替换掉了原来的<script type="tpl">标签学习
上面的文档包括了tpl.js全部的语法了,欢迎你们测试与反馈。
源码地址:https://git.oschina.net/tianqiq/tpl.js测试
```里面是有不少例子代码的, 可是在博客园markdown显示不出来,.net
折腾半天,也不知道怎么搞。你们直接去https://git.oschina.net/tianqiq/tpl.js这个上面看吧。哎...3d