之前写JS绑定数据曾经用过tmpl库,虽然功能比较强大但是感觉不是很轻量,对于相对简单的数据需求显得有些臃肿。而Ajax返回数据自己拼接html的方式又显得不够高端,因此今天看了一篇介绍artTemplate的文章,觉得还不错,便来体验试用一下。

选择artTemplate的原因有两个:

1.使用简单,轻量级。

2.性能比较高。

 

使用方式和tmpl类似,只需指定一个容器div和一个模板代码,JS执行一个方法就可以实现绑定。

性能的话根据 高性能JavaScript模板引擎原理解析 提到的低版本浏览器使用数组push的方式,现代浏览器使用+=的方式性能更高,觉得性能应该还不错,而且有报错提示。

 

于是便写了如下的Demo:

 

首先,先感受一下前台的数据展现:

>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ArtTempTest</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
>
</body>
</html>

相关文章:

  • 2021-09-28
  • 2022-12-23
  • 2021-12-13
  • 2021-09-10
  • 2021-12-29
  • 2021-12-24
  • 2022-12-23
  • 2021-12-04
猜你喜欢
  • 2021-10-21
  • 2021-07-13
  • 2021-09-30
  • 2021-11-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-22
相关资源
相似解决方案