资讯专栏INFORMATION COLUMN

浅谈模板引擎之artTemplate

caohaoyu / 3092人阅读

摘要:来给大家推荐一款模板引擎,会推荐这款模板引擎最主要还是他轻量级,代码简洁,好用,一个大概也才几左右。

对于前端开发者来说,有一个绑数据的模板是多么的幸福,不用我多说大家也知道,终于不用在js中一个个字符串拼接一大推元素数据啥的,可以省下我们很多时间。来给大家推荐一款模板引擎artTemplate,会推荐这款模板引擎最主要还是他轻量级,代码简洁,好用,一个template.js大概也才几kb左右。
each循环

解析:each循环有两种方法,一种是例1中的{{each list as value i}},其中list表示要循环遍历的数组,value表示数组中的某个元素,i表示当前的索引;另一种是例2中的 {{each list}}写一个要遍历的数组就够了,而{{$index}}表示当前索引,{{$value}}表示当前循环的某个元素,这两个变量是固定的名称

if条件判断

解析:if判断跟平时普通的判断一样,但是要注意在这里面要有始有终,有{{if}}就得有对应的{{/if}},有{{each}}就得有对应的{{/each}}

这些模板都是建立在script元素中,但是此时script的type要是type="text/html",然后在js脚本中弄数据,代码如下:

模板跟js中数据都绑定好了,一定要记得在html中添加元素来绑定模板,全部代码如下:




    
    templateJS模板引擎
    



文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84544.html

相关文章

  • 浅谈模板引擎artTemplate

    摘要:来给大家推荐一款模板引擎,会推荐这款模板引擎最主要还是他轻量级,代码简洁,好用,一个大概也才几左右。 对于前端开发者来说,有一个绑数据的模板是多么的幸福,不用我多说大家也知道,终于不用在js中一个个字符串拼接一大推元素数据啥的,可以省下我们很多时间。来给大家推荐一款模板引擎artTemplate,会推荐这款模板引擎最主要还是他轻量级,代码简洁,好用,一个template.js大概也才几...

    zeyu 评论0 收藏0
  • 简单高效地JavaScript模板引擎——artTemplate

    摘要:是一个简单高效地模板引擎,相比于这种复杂的模板引擎,就显得很娇小。因为在的数组引用中那个没有类似于模板数组引用中的数组子项说明上面例子中的或者。 artTemple是一个简单高效地JavaScript模板引擎,相比于jsRender这种复杂的模板引擎,artTemple就显得很娇小。你几乎可以在网上任意搜一篇博客或者文章,10分钟的时间你就能基本的掌握它得用法(附上网站:http://...

    voyagelab 评论0 收藏0
  • 轻量级模板引擎ArtTemplate

    摘要:这星期做了一个数据统计系统基于需求便使用了一个模板引擎来渲染数据在这里模板引擎同后端的不太一样主要是前端在开发过程中对于数据处理之后插入到的过程中使用到的工具由于系统是迷你型的在一通搜索之后便决定采用具有如下特点轻量级不到快速上手用法简单处 这星期做了一个数据统计系统,基于需求便使用了一个模板引擎来渲染数据.在这里模板引擎同后端的不太一样,主要是前端在开发过程中,对于数据处理之后插入到...

    curried 评论0 收藏0
  • js模板引擎——art Template

    摘要:简单介绍模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注。是新一代模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。 简单介绍 javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注。 artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了...

    2i18ns 评论0 收藏0
  • 模板引擎artTemplate的使用

    摘要:引入文件写模板模板模板内容执行模板模板,数据此处的数据必须是对象格式不是对象要包装成对象的格式把模板生成的结构添加到页面目标位置如果目标位置没有其他的元素可以用如果目标位置还有其他的元素用追加1.引入template文件 2.写模板   模板内容 3.执行模板 var html = template(模板ID,数据)   **此处的数据必须是对象格式 不是对象要包装成对象的格式----...

    Imfan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<