javascript 模板引擎:artTemplate-3.0

原创于 2016-03-31 16:44:47 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#模板引擎

javascript的模版引擎专栏收录该内容

1 篇文章

订阅专栏

artTemplate是一款高性能的JavaScript模板引擎，通过预编译技术极大提升了前后端渲染速度。本文介绍其基本用法并提供了一个简单的示例，展示如何使用artTemplate结合HTML和JavaScript来动态生成列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

artTemplate 是新一代 javascript 模板引擎，它采用预编译方式让性能有了质的飞跃，并且充分利用 javascript 引擎特性，使得其性能无论在前端还是后端都有极其出色的表现。

下载地址：
https://github.com/aui/artTemplate
在线预览：
http://aui.github.com/artTemplate/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test arTemplate</title>
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script src="pluging/artTemplate/template-native.js"></script>//引入js模版引擎文件
</head>
<body>
    <header>
        <nav id="headerNav">
            <script id="test" type="text/html">//要插入数据的模版
                <ul>
                    <%for(var i=0;i< list.length;i++){%>
                    <li><%=list[i]%></li>
                    <%}%>
                </ul>
            </script>
        </nav>
    </header>
<script>
    var data={
        list:["yang","li","cai"]
    };
    var html=template("test",data);
    document.getElementById("headerNav").innerHTML = html;//插入数据
</script>
</body>
</html>