浅谈轻量级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 相关文章推荐
js 文件引入实现代码
Apr 23 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
跟我学习javascript的执行上下文
Nov 18 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
Feb 20 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
js编写简单的聊天室功能
Aug 17 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
vue相关配置文件详解及多环境配置详细步骤
May 19 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获取mysql版本的几种方法小结
2008/03/25 PHP
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
全局记录程序片段的运行时间 正确找到程序逻辑耗时多的断点
2011/01/06 PHP
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
PHP代码优化的53个细节
2014/03/03 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
2020/01/04 PHP
js中查找最近的共有祖先元素的实现代码
2010/12/30 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
2012/12/24 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
javascript dom追加内容实现示例
2013/09/21 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
Vue单文件组件开发实现过程详解
2020/07/30 Javascript
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
Python可变参数用法实例分析
2017/04/02 Python
python2与python3共存问题的解决方法
2018/09/18 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python实现猜数游戏
2020/03/27 Python
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
Lookfantastic阿联酋官网:英国知名美妆护肤购物网站
2020/05/26 全球购物
总裁办公室主任职责
2014/01/02 职场文书
白酒市场开发计划书
2014/01/09 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
党员评议自我评价
2015/03/03 职场文书
幼儿园重阳节活动总结
2015/05/05 职场文书
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android