浅谈轻量级js模板引擎simplite

 更新时间:2015年02月13日 08:49:09   投稿:hebedich  
这篇文章主要介绍了浅谈轻量级js模板引擎simplite的简介和用法的相关资料,需要的朋友可以参考下

模板地址: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)来  

语法: 

 

可以看到,使用include的时候,可以使用子模板的时候,传入指定的数据集作为数据源,对于复杂的多层结构来说,能够很好的控制每个模板的数据结构。

相关文章

  • Highcharts学习之坐标轴

    Highcharts学习之坐标轴

    今天讲交互图表Highcharts的坐标轴,我们将对Highcharts图表的坐标轴组成、坐标轴类型等进行详细系统讲解。下面一起来看看。
    2016-08-08
  • 浅谈JavaScript前端开发的MVC结构与MVVM结构

    浅谈JavaScript前端开发的MVC结构与MVVM结构

    以AngularJS为代表的MVVM结构框架或库这两年来在前端界真是火到不行,大有对抗传统jQuery绑定思想的趋势,这里我们结合传统的MVC结构,来浅谈JavaScript前端开发的MVC结构与MVVM结构
    2016-06-06
  • Highcharts学习之数据列

    Highcharts学习之数据列

    数据列配置是 Highcharts 最复杂也是最灵活的配置,如果说 Highcharts 是灵活多变,细节可定制的话,那么数据列配置就是这个重要特性的核心。
    2016-08-08
  • 使用RequireJS库加载JavaScript模块的实例教程

    使用RequireJS库加载JavaScript模块的实例教程

    RequireJS库的主旨就是一个js文件的模块加载器,可以独立于框架来进行使用,这里我们整理了使用RequireJS库加载JavaScript模块的实例教程,需要的朋友可以参考下
    2016-06-06
  • Three.js学习之文字形状及自定义形状

    Three.js学习之文字形状及自定义形状

    今天小编带大家学习的是Three.js的文字形状与自定义形状,文章内容很详细,对大家学习Three.js或许有帮助,下面一起来看看吧。
    2016-08-08
  • JS日程管理插件FullCalendar中文说明文档

    JS日程管理插件FullCalendar中文说明文档

    JS日程管理插件FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档,以供参阅。
    2017-02-02
  • 交互式可视化js库gojs使用介绍及技巧

    交互式可视化js库gojs使用介绍及技巧

    这篇文章主要介绍了如何使用可视化库gojs及使用时的小技巧,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2022-01-01
  • Three.js学习之网格

    Three.js学习之网格

    本篇将先介绍创建较为常用的物体:网格,然后介绍如何修改物体的属性。下面跟着小编一起来学习学习。
    2016-08-08
  • node.js中的socket.io入门实例

    node.js中的socket.io入门实例

    这篇文章主要介绍了node.js中的socket.io入门实例,并对websocket等反向ajax技术做了介绍,需要的朋友可以参考下
    2014-04-04
  • fullCalendar中文API官方文档

    fullCalendar中文API官方文档

    FullCalendar是一款基于jQuery的日历插件,适用于各种日程安排、工作计划等场景,本文是fullCalendar官方文档的中文版,主要介绍了fullCalendar的具体属性与方法,大家可以参考一下
    2017-02-02

最新评论