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


art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器

特性

1、拥有接近 JavaScript 渲染极限的的性能
2、调试友好:语法、运行时错误日志精确到模板所在行;支持在模板文件上打断点(Webpack Loader)
3、支持 Express、Koa、Webpack
4、支持模板继承与子模板
5、浏览器版本仅 6KB 大小

第一步引入bfwone

第二步执行插件代码

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["art-template"], function() {
                var data = {
                    title: '标签',
                    list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
                };
                var html = template('test', data);
                document.getElementById('content').innerHTML = html;
            });
        });
    </script>
</head>
<body>
<script id="test" type="text/html">
<h1>{{title}}</h1>
<ul>
    {{each list as value i}}
        <li>索引 {{i + 1}} :{{value}}</li>
    {{/each}}
</ul>
</script>
<div id="content">渲染结果显示</div>
</body>
</html>


立即下载art-template.js查看所有js插件

网友评论0

程序员在线工具箱