浅谈轻量级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 相关文章推荐
基础的prototype.js常用函数及其用法
Mar 10 Javascript
不要小看注释掉的JS 引起的安全问题
Dec 27 Javascript
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
基于jquery的大众点评,分类导航实现代码
Aug 23 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
Mar 02 Javascript
动态Axios的配置步骤详解
Jan 12 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
在vue中安装使用vux的教程详解
Sep 16 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
微信小程序实现联动选择器
Feb 15 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/10/30 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
javascript void(0)的妙用
2009/10/21 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
JavaScript的类型简单说明
2010/09/03 Javascript
js跳转页面方法总结
2014/01/29 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
Bootstrap 网格系统布局详解
2017/03/19 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
微信小程序框架的页面布局代码
2019/08/17 Javascript
Python 命令行参数sys.argv
2008/09/06 Python
python获取本地计算机名字的方法
2015/04/29 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
pandas全表查询定位某个值所在行列的方法
2018/04/12 Python
python将类似json的数据存储到MySQL中的实例
2019/07/12 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
英国时尚女装购物网站:Missguided
2018/08/23 全球购物
内业资料员岗位职责
2014/01/04 职场文书
社区工作者先进事迹
2014/01/18 职场文书
语文教学随笔感言
2014/02/18 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
污染环境建议书
2015/09/14 职场文书
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python