zoukankan      html  css  js  c++  java
  • 发布一个开源极致的javascript模板引擎tpl.js

    tpl.js(大家直接去https://git.oschina.net/tianqiq/tpl.js这个上面看)

    简介

    tpl.js是一个比较极致(极小,极快,极简单)的js模板引擎,可以在各种js环境中使用。
    

    特性

    1. 使用js作为模板语言,几乎无学习成本
    2. 小巧,速度快到极致
    3. 极简的语法,模板书写非常流畅
    4. mit开源,无限制
    

    语法说明

    简述

    tpl.js中模板语法中以行为单一,分为js行语句,和输出行语句。顾名思义,js行语句是编译时候会当做js执行的语句,
    而输出行语句,则是会输出为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
    

    示例

    API

    • tpl.html(tplText,daata)

      通过传递tplText模板,和数据data直接获取模板生成的html代码。

    • tpl.func(tplText)

      将tplText编译为一个函数,该函数参数在模板中通过tplData引用。 调用后返回模板编译后的html代码。

    • tpl.render()

      自动渲染整个网页中的<script type="tpl">标签中的模板。并能保证html dom中原有的结构。相当于替换掉了原来的<script type="tpl">标签

    最后

    上面的文档包括了tpl.js所有的语法了,欢迎大家测试与反馈。
    源码地址:https://git.oschina.net/tianqiq/tpl.js

    测试地址:http://runjs.cn/code/wlztch4d

    真的无语,上面文档里面```html

    
    折腾半天,也不知道怎么搞。大家直接去https://git.oschina.net/tianqiq/tpl.js这个上面看吧。哎...
  • 相关阅读:
    vba create rectangle 矩形
    (zz)nnotation学习笔记2:关于Annotation与符号,还是要读arcmap帮助!!!
    backgroundworker
    C# , mongodb ,study
    工作中常用的dos命令 数据处理经验总结
    你需要明白的SQL SERVER书签查找(Bookmark Lookup)
    使用CalendarExtender
    js控制5秒后页面自动跳转
    HTML按秒数的页面跳转
    序列化与反序列化读取保存xml文件
  • 原文地址:https://www.cnblogs.com/tianqiq/p/3837540.html
Copyright © 2011-2022 走看看