template.js前端模板引擎使用详解

本文介绍了template.js前端模板引擎使用，分享给大家，具体如下：

下载地址：https://github.com/yanhaijing/template.js

作者编写的文档：https://github.com/yanhaijing/template.js/blob/master/README.md

源码学习

默认的开始标签和结束标签分别是：

1. sTag: '<%',//开始标签，可以重写，我项目中使用的是<:
2. eTag: '%>',//结束标签，我项目中使用的是:>

快速上手

编写模板

使用一个type=”text/html”的script标签存放模板，或者放到字符串中：

rush:js;">

渲染模板

rush:js;"> var tpl = document.getElementById('tpl').innerHTML; template(tpl,{list: [{name: "yan"},{name: "haijing"}]});

输出：

rush:xhtml;">

• yan
• haijing

转义

rush:js;">

rush:js;">

注册函数

rush:js;">

<div id="wp">

<script id="tpl" type="text/html">
<%:up='yanhaijing'%>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。