资讯专栏INFORMATION COLUMN

简单高效地JavaScript模板引擎——artTemplate

voyagelab / 3395人阅读

摘要:是一个简单高效地模板引擎,相比于这种复杂的模板引擎,就显得很娇小。因为在的数组引用中那个没有类似于模板数组引用中的数组子项说明上面例子中的或者。

artTemple是一个简单高效地JavaScript模板引擎,相比于jsRender这种复杂的模板引擎,artTemple就显得很“娇小”。你几乎可以在网上任意搜一篇博客或者文章,10分钟的时间你就能基本的掌握它得用法(附上网站:http://www.jq22.com/jquery-in...)。有兴趣的朋友可以自己去这个网站上看,里面都有其的特性啊,一些常用的api和例子。

写这篇文章只是为了说明一下本人在使用jsRender和artTemple时候发现它们之间的一个小差别想和大家分享一下:

首先,给出渲染数据:

var data = {
                        title: "标签",
                        list: [
                            {
                               itemTitle:科目,
                               dataItem:["语文","数学"]
                            }
                        ]
                      };
   在artTemple中渲染模板:
     

用过jsRender的朋友们会有个挺揪心的问题就是在嵌套数组数据中,怎么在dataItem数组循环中引用与dataItem同级或者之上几级的数据。jsRender中就需要使用#parent属性一步一步的去计算出所需要引用的数据相对于dataItem的级数,然后才能正确引用。因为在jsRender的数组引用中那个没有类似于artTemple模板数组引用中的数组子项说明(上面例子中的value或者item)。在artTemple中要实现在dataItem数组循环中引用与dataItem同级或者之上几级的数据就简单多了,只需如上述例子中一样,绑定数组子项(value)就行了。

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

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

相关文章

  • js模板引擎——art Template

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

    2i18ns 评论0 收藏0
  • [总结] js 模板引擎

    摘要:第三部分介绍一种模板引擎,之所以介绍他是因为。。。。三简介模板引擎是数据与界面分离工作中最重要一环。是新一代模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。 嗯,这也是一个学习笔记,材料均来自网络,有改动。。文章主要分为三部分,第一部分通过实现一个简易的ERB模板引擎来介绍其原理,参考javascript模板引擎和实现...

    airborne007 评论0 收藏0
  • js模板引擎art template数组渲染的方法

    摘要:是一个简约超快的模板引擎。比如小明单身小花有男朋友小胖有女朋友小丽单身用有个好处就是除了你的数据需要重组,其他的完全可以拿来直接用。转载模板引擎数组渲染的方法 转载:js模板引擎art template数组渲染的方法 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高、错误处理调试优,执行速度快的有artT...

    Rainie 评论0 收藏0
  • artTemplate简单用法

    摘要:在实际开发中,我们会使用模板引擎来提高开发效率。而众多的模板引擎中,无论就速度,兼容性还是使用人数上,都占绝对优势。这里我将简单地介绍下的常见用法。 在实际开发中,我们会使用模板引擎来提高开发效率。而众多的模板引擎中,artTemplate无论就速度,兼容性还是使用人数上,都占绝对优势。这里我将简单地介绍下artTemplate的常见用法。 需要先使用一个type=text/html的...

    happyhuangjinjin 评论0 收藏0
  • artTemplate简单用法

    摘要:在实际开发中,我们会使用模板引擎来提高开发效率。而众多的模板引擎中,无论就速度,兼容性还是使用人数上,都占绝对优势。这里我将简单地介绍下的常见用法。 在实际开发中,我们会使用模板引擎来提高开发效率。而众多的模板引擎中,artTemplate无论就速度,兼容性还是使用人数上,都占绝对优势。这里我将简单地介绍下artTemplate的常见用法。 需要先使用一个type=text/html的...

    hosition 评论0 收藏0

发表评论

0条评论

voyagelab

|高级讲师

TA的文章

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