浅谈轻量级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 相关文章推荐
Javascript倒计时页面跳转实例小结
Sep 11 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 Javascript
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
jquery实现用户打分评分特效
May 28 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
Mar 07 Javascript
javascript基础知识讲解
Jan 11 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
全新打包工具parcel零配置vue开发脚手架
Jan 11 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
vuex管理状态仓库使用详解
Jul 29 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 转义使用详解
2013/07/15 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
JS编程小常识很有用
2012/11/26 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
jQuery简单实现日历的方法
2015/05/04 Javascript
详解AngularJS中的filter过滤器用法
2016/01/04 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
详解AngularJS脏检查机制及$timeout的妙用
2017/06/19 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
对python自动生成接口测试的示例讲解
2018/11/30 Python
Python实现去除图片中指定颜色的像素功能示例
2019/04/13 Python
Spanx塑身衣官网:美国知名内衣品牌
2017/01/11 全球购物
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
匡威德国官网:Converse德国
2019/01/26 全球购物
会计学个人自荐信模板
2013/12/13 职场文书
政法学院毕业生求职信
2014/02/28 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
一年级小学生评语大全
2014/12/25 职场文书
讲座通知范文
2015/04/23 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
幼儿园大班教育随笔
2015/08/14 职场文书
Python面向对象之内置函数相关知识总结
2021/06/24 Python
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL
python 详解turtle画爱心代码
2022/02/15 Python
TypeScript 内置高级类型编程示例
2022/09/23 Javascript