浅谈轻量级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 相关文章推荐
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
js比较日期大小的方法
May 12 Javascript
Node.js事件驱动
Jun 18 Javascript
JS声明式函数与赋值式函数实例分析
Dec 13 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
Dec 18 Javascript
ES6解构赋值的功能与用途实例分析
Oct 31 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
Dec 07 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
Apr 04 Javascript
细述Javascript的加法运算符的具体使用
Oct 18 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
Oct 28 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 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编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
php实现表单提交上传文件功能
2018/05/28 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
js获取div高度的代码
2008/08/09 Javascript
验证用户是否修改过页面的数据的实现方法
2008/09/26 Javascript
JQERY limittext 插件0.2版(长内容限制显示)
2010/08/27 Javascript
基于jquery自定义图片热区效果
2012/07/21 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
Vue 自定义动态组件实例详解
2018/03/28 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
Django unittest 设置跳过某些case的方法
2018/12/26 Python
python简单实现AES加密和解密
2019/03/28 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
浅谈在JupyterNotebook下导入自己的模块的问题
2020/04/16 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
美国农场鲜花速递:The Bouqs
2018/07/13 全球购物
PHP笔试题
2012/02/22 面试题
摄影专业毕业生求职信
2014/03/13 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
行政内勤岗位职责
2014/04/07 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
大学生求职信例文
2014/06/29 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
投标承诺函范文
2015/01/21 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书