浅谈轻量级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 面向对象的5钟写法
Jul 31 Javascript
JQuery学习笔录 简单的JQuery
Apr 09 Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
Jan 26 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
获取layer.open弹出层的返回值方法
Aug 20 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
vue页面更新patch的实现示例
Mar 25 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 Javascript
js删除指定位置超链接中含有百度与360的标题
Jan 06 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之curl设置超时实例
2014/11/03 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
PHP判断JSON对象是否存在的方法(推荐)
2016/07/06 PHP
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
2016/02/18 Javascript
Ionic如何创建APP项目
2016/06/03 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
2017/02/09 Javascript
JavaScript实现256色转灰度图
2017/02/22 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
详解如何使用babel进行es6文件的编译
2018/05/29 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
浅谈python jieba分词模块的基本用法
2017/11/09 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
详解python中的hashlib模块的使用
2019/04/22 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
优秀老师事迹材料
2014/02/05 职场文书
优良学风班申请材料
2014/02/13 职场文书
狮子林导游词
2015/02/03 职场文书
人工作失职检讨书
2015/05/05 职场文书
三国演义读书笔记
2015/06/25 职场文书
Go语言 详解net的tcp服务
2022/04/14 Golang