HTML笔记 ·

artTemplate模板的使用(一)

artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。在 chrome 下渲染效率测试中分别是知名引擎 Mustache 与 micro tmpl 的 25 、 32 倍。

本人认为其基本上的用途是对于数据处理然后渲染到页面,下面来看一个最基本的例子

其输出到页面的结果为

基本例子

  • 索引 1 :文艺
  • 索引 2 :博客
  • 索引 3 :摄影
  • 索引 4 :电影
  • 索引 5 :民谣
  • 索引 6 :旅行
  • 索引 7 :吉他

{"title":"基本例子","isAdmin":true,"list":["文艺","博客","摄影","电影","民谣","旅行","吉他"]}

有编程基础的一般都能看懂上面的代码,首先是需要定义一个script标签,给该标签设置一个id,然后按html标准来写一个需要嵌入数据的模板,each语句为循环。下面数据通过template()方法来进入数据的嵌入即可。

参与评论