浅谈轻量级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 相关文章推荐
动感效果的TAB选项卡jquery 插件
Jul 09 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
Javascript编程之继承实例汇总
Nov 28 Javascript
整理一下常见的IE错误
Nov 18 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 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安全编程之加密功能
2006/10/09 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
Javascript 加载和执行-性能提高篇
2012/12/28 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
JS实现让访问者自助选择网页文字颜色的方法
2015/02/24 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
vue render函数动态加载img的src路径操作
2020/10/26 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
Python操作MySQL模拟银行转账
2018/03/12 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
Python数据抓取爬虫代理防封IP方法
2018/12/23 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
python分布式编程实现过程解析
2019/11/08 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
瑞典最好的运动鞋专卖店:Sneakersnstuff
2016/08/29 全球购物
英国最出名高街品牌:Forever Unique
2018/02/24 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
会计电算一体化个人简历的自我评价
2013/10/15 职场文书
药学专业毕业生求职信
2013/10/20 职场文书
总经理职责
2013/12/22 职场文书
乡镇党员干部群众路线对照检查材料思想汇报
2014/09/28 职场文书
2015年财务工作总结范文
2015/03/31 职场文书
风之谷观后感
2015/06/11 职场文书
关于办理居住证的介绍信模板
2019/11/27 职场文书
用Python实现一个打字速度测试工具来测试你的手速
2021/05/28 Python
Python-OpenCV教程之图像的位运算详解
2021/06/21 Python