浅谈轻量级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中的eval函数
Nov 02 Javascript
js 数组去重的四种实用方法
Sep 09 Javascript
node.js中的path.sep方法使用说明
Dec 08 Javascript
Node.js抓取中文网页乱码问题和解决方法
Feb 10 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
vue.js中v-on:textInput无法执行事件问题的解决过程
Jul 12 Javascript
javascript实现文字无缝滚动效果
Aug 26 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
Echarts如何重新渲染实例详解
May 30 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 at(@)符号的用法简介
2009/07/11 PHP
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
php权重计算方法代码分享
2014/01/09 PHP
PHP使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
2010/11/30 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
谈谈JavaScript中的函数与闭包
2013/04/14 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
2014/04/08 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
Express进阶之log4js实用入门指南
2018/02/10 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
详解Python中的多线程编程
2015/04/09 Python
python抓取并保存html页面时乱码问题的解决方法
2016/07/01 Python
Tensorflow简单验证码识别应用
2017/05/25 Python
python编写Logistic逻辑回归
2020/12/30 Python
python中单下划线_的常见用法总结
2018/07/10 Python
selenium+PhantomJS爬取豆瓣读书
2019/08/26 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
Python正则表达式学习小例子
2020/03/03 Python
餐饮业的创业计划书范文
2013/12/26 职场文书
考试作弊检讨书大全
2014/02/18 职场文书
机械工程师岗位职责
2014/06/16 职场文书
树转促学习心得体会
2014/09/10 职场文书
副校长个人对照检查材料思想汇报
2014/10/04 职场文书
离婚答辩状范文
2015/05/22 职场文书
红色革命电影观后感
2015/06/18 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android