模板插件aTpl.js新增功能

简介: 摘要:   aTpl.js是一款模板插件,该插件支持ie5+,chrome等浏览器以及移动端浏览器,支持for和if语法,以及表达式。最近对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;
    });

 

相关文章
|
3天前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
10天前
|
JavaScript 前端开发 API
|
10天前
|
JavaScript API UED
vue.js怎么实现全屏显示功能
【10月更文挑战第7天】
7 1
|
16天前
|
资源调度 JavaScript UED
如何使用Vue.js实现单页应用的路由功能
【10月更文挑战第1天】如何使用Vue.js实现单页应用的路由功能
|
15天前
|
JavaScript 搜索推荐
JS中的模糊查询功能
JS中的模糊查询功能
18 1
|
5天前
|
存储 JSON JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
15 0
|
9天前
|
前端开发 JavaScript
使用 JavaScript 实现图片预览功能
使用 JavaScript 实现图片预览功能
10 0
|
15天前
|
JavaScript 安全 前端开发
js实现复制功能
js实现复制功能
12 0
|
Web App开发 JavaScript 前端开发
javascript模板插件amaze.js
摘要:   最近在开发项目时,异步接口需要前端渲染数据,js拼接太低级,必然要用模板插件。之前用过基于jQuery的和juicer等插件,考虑到以后公司项目上的统一,移动端和pc端上的统一,以及可维护性,所以就自己开发了一款模板插件amaze.js。
927 0
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
83 2