浅谈轻量级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代码编写需要注意的7个小细节小结
Sep 21 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
禁用Tab键JS代码兼容Firefox和IE
Apr 18 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
JavaScript实现Fly Bird小游戏
Dec 15 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
利用js实现前后台传送Json的示例代码
Mar 29 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
Mar 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 验证码不显示只有一个小红叉的解决方法
2013/09/30 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
Firefox outerHTML实现代码
2009/06/04 Javascript
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
Js利用prototype自定义数组方法示例
2017/10/20 Javascript
springmvc接收jquery提交的数组数据代码分享
2017/10/28 jQuery
微信小程序实现城市列表选择
2018/06/05 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠
2014/06/13 DOTA
使用Python保存网页上的图片或者保存页面为截图
2016/03/05 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
pytorch forward两个参数实例
2020/01/17 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
python3:excel操作之读取数据并返回字典 + 写入的案例
2020/09/01 Python
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
移动端html5模拟长按事件的实现方法
2018/09/30 HTML / CSS
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
sort命令的作用和用法
2013/08/25 面试题
报到证丢失证明
2014/01/11 职场文书
优秀员工评优方案
2014/06/13 职场文书
放假通知怎么写
2015/08/18 职场文书
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技
基于docker安装zabbix的详细教程
2022/06/05 Servers