js模板引擎art template数组渲染的方法

Rainie 发布于2019-08-23 12:15 / 1285人阅读

摘要：是一个简约超快的模板引擎。比如小明单身小花有男朋友小胖有女朋友小丽单身用有个好处就是除了你的数据需要重组，其他的完全可以拿来直接用。转载模板引擎数组渲染的方法

转载：js模板引擎art template数组渲染的方法

JavaScript 模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，模板引擎种类也是五花八门，我就说几个安全性高、错误处理调试优，执行速度快的有artTemplate(腾讯 14k)、juicer(国外 12k)这俩个，doT除了错误处理调试差以外其他的都和这两个一样,他有一个优点是小(4k)，扯远啦。

art-template 是一个简约、超快的模板引擎。

它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。在线速度测试。

我们就讲一下讲简洁语法的渲染方式，template(filename, content)根据模板名渲染模板。前提是你已经对artTemplate有所了解，

今天我们就讲一下数组渲染的方法

数组渲染有数组对象和纯数组两种形式，我们先说数组对象，如后端返回我们接口，收到的就是一个数组。比如：

const res = [
{"name":"小明", "age":16, "marry":"单身"},
{"name":"小花","age":15, "marry":"有男朋友"},
{"name":"小胖","age":15, "marry":"有女朋友"},
{"name":"小丽","age":15, "marry":"单身"}
];

用artTemplate有个好处就是除了你的数据需要重组，其他的完全可以拿来直接用。如下

html

下面在看数组渲染，这是一个数组

const res = ["文艺", "博客", "摄影", "电影", "民谣", "旅行", "吉他"];

html

就说这么多吧，其实这种模板用着挺简单的很顺手。

转载：js模板引擎art template数组渲染的方法

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

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

js模板引擎——art Template

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

2i18ns 2019-08-19 18:08 评论0 收藏0
动态数据的表格页面展示

摘要：而由于没有后端的数据支持，所有的数据都在表格中展示，所以需要将表格中的数据转为数据，再通过读取，然后用模板引擎渲染到页面上。 showImg(https://segmentfault.com/img/bV3N8M?w=1574&h=692);如图所示，是一个动态的表格，内容数量不定第一层分类是专业大类的分类，第二层分类的国家的分类，第三层分类是具体专业名的分类（就是不同的色块栏），甚至...

joywek 2019-08-30 13:57 评论0 收藏0
动态数据的表格页面展示

摘要：而由于没有后端的数据支持，所有的数据都在表格中展示，所以需要将表格中的数据转为数据，再通过读取，然后用模板引擎渲染到页面上。 showImg(https://segmentfault.com/img/bV3N8M?w=1574&h=692);如图所示，是一个动态的表格，内容数量不定第一层分类是专业大类的分类，第二层分类的国家的分类，第三层分类是具体专业名的分类（就是不同的色块栏），甚至...

selfimpr 2019-08-26 11:42 评论0 收藏0
[总结] js 模板引擎

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

airborne007 2019-08-19 18:42 评论0 收藏0