浅谈轻量级js模板引擎simplite


Posted in Javascript onFebruary 13, 2015

模板地址:https://github.com/zhangshaolong/simplite欢迎各位提出宝贵意见及贡献代码。特点:

1:代码量少,学习成本低;

2:默认jsp语法标签方式,熟悉jsp的朋友可以直接按照jsp的语法书写模板;

3:使用原生js语法进行逻辑处理,只要熟悉js语法即可直接上手,没有学习成本。

4:支持原生js的所有语法作为代码逻辑片段,支持宽泛的书写格式。

5:支持重定义模板语言的标签符,默认的逻辑标签为<%和%>,默认的属性标签为<%=和%>。

6:支持嵌套子模板,子模板默认(没有传递数据参数)是共享父模板数据,可以通过传参设置子模板使用的数据集。

7:支持动态导入模板与嵌入多个模板,只要导入的模板不是循环依赖的模板都能正常处理。

8:支持子模板使用Simplite.dataKey指定的字段访问传递过来的数据全集,默认值为"_this",对于数组、数字这样的数据集来说,使用Simplite.dataKey很容易拿到数据。

9:支持面向对象方式使用模板和纯静态函数方式来手动组织模板处理过程。

10:支持除了访问父模板数据外,还可以提供方法作用域内任何数据为数据集,比如在全局有个arr,那么可以include(tmplt, arr)来

浅谈轻量级js模板引擎simplite

语法: 

 浅谈轻量级js模板引擎simplite

浅谈轻量级js模板引擎simplite

浅谈轻量级js模板引擎simplite

浅谈轻量级js模板引擎simplite

浅谈轻量级js模板引擎simplite

浅谈轻量级js模板引擎simplite

可以看到,使用include的时候,可以使用子模板的时候,传入指定的数据集作为数据源,对于复杂的多层结构来说,能够很好的控制每个模板的数据结构。

Javascript 相关文章推荐
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
JavaScript及jquey实现多个数组的合并操作
Sep 06 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
Dec 03 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 Javascript
JavaScript面向对象精要(上部)
Sep 12 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
js实现拖拽效果
Feb 12 #Javascript
jQuery多个input求和的实现方法
Feb 12 #Javascript
JQuery实现防止退格键返回的方法
Feb 12 #Javascript
JavaScript自定义数组排序方法
Feb 12 #Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 #Javascript
后台获取ZTREE选中节点的方法
Feb 12 #Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 #Javascript
You might like
PHP 字符串操作入门教程
2006/12/06 PHP
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
精通Javascript系列之数值计算
2011/06/07 Javascript
Web开发之JavaScript
2012/03/29 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
angular $watch 一个变量的变化(实例讲解)
2017/08/02 Javascript
在vue项目中使用Nprogress.js进度条的方法
2018/01/31 Javascript
微信小程序修改swiper默认指示器样式的实例代码
2018/07/18 Javascript
Vue中插入HTML代码的方法
2018/09/21 Javascript
webpack 处理CSS资源的实现
2019/09/27 Javascript
实例讲解React 组件生命周期
2020/07/08 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
2020/07/31 Javascript
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
给ubuntu18安装python3.7的详细教程
2020/06/08 Python
python利用opencv实现颜色检测
2021/02/23 Python
诗普兰迪官方网站:Splendid
2018/09/18 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
给医务人员表扬信
2014/01/12 职场文书
小学生美德少年事迹
2014/02/02 职场文书
cf收人广告词
2014/03/14 职场文书
志愿者活动总结报告
2014/06/27 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript
淡雅古典唯美少女娇媚宁静迷人写真
2022/03/21 杂记
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL
SQL Server一个字符串拆分多行显示或者多行数据合并成一个字符串
2022/05/25 SQL Server