摘要:

  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;});

模板插件aTpl.js新增功能相关推荐

  1. akcms在模板文件中书写{php},AKCMS支持灵活的模板插件

    _2mEvMS"> AKCMS从2.6版本起支持自定义的模板插件. AKCMS模板插件安装说明 1 从akcms官网下载模板插件包,正常的话解压缩后只有一个扩展名是.template. ...

  2. PHP相册模块,支持Flash及JS模板插件安装。

    最近工作,需要整合网络上流行的Flash和JS相册,因为每个客户要求的相册展示不尽相同,如果每来一个客户,安排人手定制,这样的工作是浪费时间和精力的,并且复用性不强,每次需要定制. (由于公司是SAA ...

  3. 帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js

    为什么80%的码农都做不了架构师?>>>    日期:2012-6-15  来源:GBin1.com 在线演示  本地下载 大家可能都有过这样的开发经验,用户无法真正的了解如何使用一 ...

  4. js实现粘贴板js插件clipboard.js实现一键复制粘贴功能

    js实现粘贴板js插件clipboard.js实现一键复制粘贴功能 简介 下载 引入插件 使用 一个节点的复制 多个节点的复制 剪切文本框 复制输入框 简介 clipboard.js 提供了一种更好. ...

  5. vue封装打印插件print.js实现打印组件功能

    代码 插件地址:https://github.com/xyl66/vuePlugs_printjs 1. 打印插件属性方法 定义-print.js // 打印类属性.方法定义 /* eslint-di ...

  6. typecho模板ajax,【完善版】Typecho不使用插件实现Ajax评论功能

    [完善版]Typecho不使用插件实现Ajax评论功能 作者:佚名 来源:爱好者 时间:2020-03-31 我之前写过<Typecho不使用插件实现Ajax评论功能>这篇文章,文章中对绛 ...

  7. Zabbix6.0使用教程 (一)—zabbix新增功能介绍2

    上一篇我们已经介绍了部分zabbix6.0的新增功能,这期我们将继续为家详细介绍下余下的zabbix6.0新增功能,大家可以往下看. 六.监控项 6.1 自动类型选择 监控项配置表单会自动建议匹配的信 ...

  8. 会声会影2021版本下载地址安装包新增功能图文介绍

    会声会影(Corel VideoStudio)为加拿大Corel公司发布的一款功能丰富且强大的视频编辑软件.会声会影2021简单易用,具有强大功能,例如拖放式标题.转场.覆叠和滤镜,色彩分级.动态分屏 ...

  9. html怎么引轮播图插件,原生js写一个无缝轮播图插件(支持vue)

    轮播图插件(Broadcast.js) 前言:写这个插件的原因 前段时间准备用vue加上网易云的nodejs接口,模拟网易云音乐移动端.因为想自己写一遍所有的代码以及加固自己的flex布局,所以没有使 ...

最新文章

  1. c++中std::set自定义去重和排序函数
  2. 码支付如何对接网站_支付宝当面付门店码如何做?
  3. Defuse the Bombs Gym - 102822D
  4. C/C++中如何使用typedef给函数指针取别名使其更具可读性
  5. iOS 15泄密,屏下指纹的iPhone 13真的要来了
  6. kafka shutdown停止关闭很慢问题的解决方案
  7. PHP curl_setopt函数用法介绍
  8. php阴影效果,css阴影效果:css边框阴影如何设置?
  9. Android 自动化测试 Espresso篇:简介基础使用
  10. tushare pro 版本获取股票历史数据
  11. 处理 yarn 项目 has unmet peer dependency
  12. Java根据IP地址/掩码位(CIDR)和起始IP-终止IP计算网段(IPV4和IPV6)
  13. JavaScript实现购物车计算价格功能
  14. 基于JAVA+SpringMVC+Mybatis+MYSQL的学生签到管理系统
  15. android集成语音功能
  16. UNIX环境高级编程 - UNIX基础知识
  17. 推荐 :35个国内外社会科学数据网站资源汇总(附链接)
  18. 十大最佳DevOps工具
  19. java图书馆_java编写图书馆管理系统
  20. 【建筑类】1000套住宅户型CAD图纸

热门文章

  1. 室内主题元素分析图_主题乐园包装——“树”造型案例精选分享
  2. layui如何获取父节点的父节点_layui框架中layer父子页面交互的方法分析
  3. 爬虫技术python nutch_python爬虫,学习路径拆解及资源推荐(第三篇:工程化爬虫)...
  4. 光猫直连电脑不能上网_电脑插上网线不能上网怎么办
  5. python 作物识别_Python-OpenCV —— 物体识别(TrainCascadeClassification)
  6. DeepLearning:windows环境下C++环境实现Tensorflow编译部署
  7. Python之web开发(二):python使用django框架搭建网站之新建文件
  8. 中国CMOS图像传感器行业运行状况与应用前景调研报告2022版
  9. android studio无线真机调试
  10. 获取局域网内服务器信息,使用Java代码获取服务器性能信息及局域网内主机名.pdf...