使用art-template渲染json数据

最新推荐文章于 2022-01-26 17:08:21 发布

HongfeiAn

最新推荐文章于 2022-01-26 17:08:21 发布

阅读量1k

点赞数 3

分类专栏： AJAX 前端 JavaScript

本文链接：https://blog.csdn.net/qq_41601327/article/details/102713193

版权

art-template是一款高性能的JavaScript模板引擎，其执行速度远超Mustache和tmpl。它提供了运行时调试功能，能准确定位异常模板语句，且与NodeJS Express无缝集成。为保证安全性，art-template默认转义输出并限制编译后的代码运行环境。模板语言包括简洁和原生两种版本，并在浏览器端支持按路径加载和预编译功能。

摘要由CSDN通过智能技术生成

art-template特性

性能卓越，执行速度通常是 Mustache 与 tmpl 的 20 多倍（性能测试）
支持运行时调试，可精确定位异常模板所在语句（演示）
对 NodeJS Express 友好支持
安全，默认对输出进行转义、在沙箱中运行编译后的代码（Node版本可以安全执行用户上传的模板）
支持include语句
可在浏览器端实现按路径加载模板（详情）
支持预编译，可将模板转换成为非常精简的 js 文件
模板语句简洁，无需前缀引用数据，有简洁版本与原生语法版本可选
支持所有流行的浏览器
案例使用原生语法

art-template.js下载

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>天气预报-hao360接口</title>
    <link rel="stylesheet" href="css/weather.css">
    <script src="js/jquery-3.3.1.js"></script>
    <!-- 
        使用前段模板框架，生成html
        art-template
        1.引入art-template的包
        2.根据art-template的语法，编写模板
        3.使用模板
     -->
    <script src="js/template-native-debug.js"></script>
    <!-- 
    创建模板
    1.模板必须定义到一对<script>标签内
 -->
    <script id="wtTemplate" type="text/html">
     <li>         
         <h2><%= date %></h2>         
         <div class="day">
             <h3>白天天气</h3>
             <% for(var i