浅谈轻量级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 相关文章推荐
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
将Datatable转化成json发送前台实现思路
Sep 06 Javascript
js函数在frame中的相互调用详解
Mar 03 Javascript
JS中的Replace方法使用经验分享
May 20 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
JS脚本实现动态给标签控件添加事件的方法
Jun 02 Javascript
JS及JQuery对Html内容编码,Html转义
Feb 17 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
jQuery使用each遍历循环的方法
Sep 19 jQuery
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 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
jQuery 源码分析笔记
2011/05/25 PHP
用PHP书写安全的脚本代码
2012/02/05 PHP
PHP中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
PHP数据类型的总结分析
2013/06/13 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
2013/01/23 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
javascript数组操作总结和属性、方法介绍
2014/04/05 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
JavaScript用200行代码制作打飞机小游戏实例
2017/06/21 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
vue中Axios的封装与API接口的管理详解
2018/08/09 Javascript
JQuery的加载和选择器用法简单示例
2019/05/13 jQuery
vuex vue简单使用知识点总结
2019/08/29 Javascript
小程序调用微信支付的方法
2019/09/26 Javascript
jQuery实现简易QQ聊天框
2020/02/10 jQuery
[00:20]TI9观赛名额抽取Ⅱ
2019/07/24 DOTA
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
解析Python中的异常处理
2015/04/28 Python
Python 专题一 函数的基础知识
2017/03/16 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
Python中断多重循环的几种方式详解
2020/02/10 Python
Python3 字典dictionary入门基础附实例
2020/02/10 Python
python 安装impala包步骤
2020/03/28 Python
基于python实现计算且附带进度条代码实例
2020/03/31 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
服务之星获奖感言
2014/01/21 职场文书
生产车间标语
2014/06/11 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
Windows server 2003卸载和安装IIS的图文教程
2022/07/15 Servers