模板插件aTpl.js新增功能

摘要:

  aTpl.js是一款模板插件,该插件支持ie5+,chrome等浏览器以及移动端浏览器,支持for和if语法,以及表达式。最近对aTpl.js模板插件增加了新的功能,支持字符串模板,同时增加了模板缓存功能。

项目地址:https://github.com/baixuexiyang/aTpl

性能测试:http://baixuexiyang.github.io/aTpl/doc/perform.html

实例:

var data = {
      name: ‘测试‘,
      sex: 1,
      contact: [{
        name: ‘张三‘,
        sex: 1
      }, {
        name: ‘李四‘,
        sex: 2
      }]
    };
    var temp = "{{@ for(var i = 0, _l = aTpl.contact.length; i < _l; i++){ }}        {{@ if(aTpl.contact[i].name===‘张三‘ ) { }}            <li>                <span>姓名:{{ aTpl.contact[i].name + ‘条件输出‘ }}</span>                <span>性别:{{ aTpl.contact[i].sex===1 ? ‘男‘: ‘女‘ }}</span>            </li>        {{@ } else { }}            <li>                <span>姓名:{{ aTpl.contact[i].name }}</span>                <span>城市:{{ aTpl.contact[i].sex===1 ? ‘男‘: ‘女‘ }}</span>            </li>        {{@ } }} {{@ } }}";
    aTpl.template(temp).render(data, function(html) {
      document.getElementById(‘demo‘).innerHTML = html;
    });
时间: 2024-12-19 03:06:08

模板插件aTpl.js新增功能的相关文章

javascript模板插件amaze.js

摘要: 最近在开发项目时,异步接口需要前端渲染数据,js拼接太低级,必然要用模板插件.之前用过基于jQuery的和juicer等插件,考虑到以后公司项目上的统一,移动端和pc端上的统一,以及可维护性,所以就自己开发了一款模板插件amaze.js. 支持IE5+,chrome等流浏览器,支持for和if语法,以及表达式. 代码:https://github.com/baixuexiyang/amaze 例子: <script src="../src/amaze.js"><

【JS】JsRender模板插件的使用

新公司项目,同事推荐了我JsRender 模板插件,用了感觉挺好用的,至少比拼接字符串方便的多,而且支持绑定和函数判断,以及一些其他的高级用法,我用到的有,数据绑定,if else 判断,和方法绑定等.废话不多说,开始介绍.(并非jsRender学习,只是个人项目总结) 先看一段代码: <script type="text/x-jsrender" id="letterSendUserInfoTemplate">     <img class=&qu

cloudstack4.4新增功能前瞻

cloudstack4.4.0新功能前瞻 转载请注明地址:http://blog.csdn.net/zt689/article/details/37698989 1.   cloudstack4.4.0新增功能 cloudstack4.3.0发布已经好几个月,目前cloudstack4.4.0的开发正在忙碌的进行,估计离发布也不会久远.cloudstack4.4.0新增了许多功能.翻译不够准确的地方欢迎拍砖. 1.1   支持对root磁盘卷的存储管理 root磁盘卷的主存储插件的使用. 支持的

PHP5.2至5.6的新增功能详解

截至目前(2014.2), PHP 的最新稳定版本是 PHP5.5, 但有差不多一半的用户仍在使用已经不在维护 [注] 的 PHP5.2, 其余的一半用户在使用 PHP5.3 [注].因为 PHP 那"集百家之长"的蛋疼语法,加上社区氛围不好,很多人对新版本,新特征并无兴趣.本文将会介绍自 PHP5.2 起,直至 PHP5.6 中增加的新特征. PHP5.2 以前:autoload, PDO 和 MySQLi, 类型约束 PHP5.2:JSON 支持 PHP5.3:弃用的功能,匿名函数

SPA学习之 - 路由插件(crossroads.js)

Crossroads.js是一个受Rails, Pyramid, Django, CakePHP等基于路由/分发(Route/Dispatch)方式处理路由的后端MVC框架启发的一套js专业路由库.它能够直接解析传入的字符串并根据相应的规则来过滤和验证路由,然后再执行下一步的操作. A duck can walk, fly and swim, but he can’t do any of these things well… crossroads.js是一个独立的库功能十分强大和灵活,而且职责单

.NET Framework 1.1、2.0、3.0、3.5、4.0各版本新增功能

一..NET Framework 1.1版本 1.ASP.NET移动控件 2.ADO.NET的改动 添加System.Data.Odbc命名空间 新增System.Data.OracleClient命名空间供Oracle使用 DataReader对象公开HasRows属性,判断是否有返回行 Connection对象具有EnlistDistributedTransaction,可以在分布式事务中启动手动登记. 3.并发执行 .NET Framework 1.1版本支持并行执行. 4..NET Fr

hadoop2.6.0汇总:新增功能最新编译 32位、64位安装、源码包、API下载及部署文档

相关内容: hadoop2.5.2汇总:新增功能最新编译 32位.64位安装.源码包.API.eclipse插件下载Hadoop2.5 Eclipse插件制作.连接集群视频.及hadoop-eclipse-plugin-2.5.0插件下载hadoop2.5.1汇总:最新编译 32位.64位安装.源码包.API下载及新特性等 新手指导:hadoop官网介绍及如何下载hadoop(2.4)各个版本与查看hadoop API介绍 从零教你在Linux环境下(ubuntu 12.04)如何编译hadoo

t4模板生成 _references.js 文件

t4模板功能: 指定目录,自动生成 _references.js 文件 相关文件说明: _references.js 实现js智能提示. 注意事项: hostspecific="true" <#@ template debug="false" hostspecific="true" language="C#" #> projectDir=Host.ResolveAssemblyReference("$(P

Citrix PVS 7.11新增功能

Provisioning Services  7.11中提供以下新增功能: 1.SQL Server Always On 多子网故障转移 2.PVS 支持 CIS 问题报告 3.AlwaysOn 跟踪 4.对 Windows Server 2016的支持 一.SQL Server Always On 多子网故障转移 在多子网环境中,PVS 现在支持 SQL Server Always On 故障转移.这个功能对于我们来说有什么用呢?其实这个功能的好处就是:对于大型企业环境的部署,我们可以采用这个