Fontend-tpl

这是一个简单的前端模板引擎
npmjs: https://www.npmjs.com/package/frontend-tpl

语言

English || 中文

用法

浏览器

<script src="dist/tpl.js"></script>
<!--如果是生产环境，你可能需要换成以下文件：<script src="dist/tpl.bundle.js"></script>
-->
<script>var tpl = new Tpl()var data = {divClass: 'div',out: 'outer'}var htmlString = ' \<div class="{{ divClass }}"> \<p>{{ "inner" }}</p> \</div> \<p>{{ out + "p" }}</p> \'var dom = tpl.parse(htmlString).render({ data: data }).getDom()/*** dom is:* [*  <div class="div">*      <p>inner</p>*  </div>,*  <p>outerp</p>* ]*/
</script>

CommonJS

var Tpl = require('frontend-tpl')
var tpl = new Tpl()
// 用法和上面一致

注意：
如果你希望代码运行在Node环境，你需要提供一个DOM环境。比如，你可以引入jsdom模块。

Tests

你可以下载该仓库，并运行npm test来查看单元测试结果。

Docs

如果你希望获取更多信息，请看 API Document

转载于:https://www.cnblogs.com/githubMYL/p/11000269.html

造轮子：前端模板引擎相关推荐

swig模板 PHP,nodejs前端模板引擎swig入门
相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是他没有一个html该有的样子... 所以我还是决定使用swig,页面结构,样子都是熟悉的样子, ...
swig模板 PHP,如何使用nodejs前端模板引擎swig
这次给大家带来如何使用nodejs前端模板引擎swig,使用nodejs前端模板引擎swig的注意事项有哪些,下面就是实战案例,一起来看一下. 相对于jade,我还是更喜欢swig前端模板引擎,jad ...
java 前端模板_前端模板引擎入门
模板引擎模板引擎起到数据和视图分离的作用, 模板对应视图, 关注如何展示数据, 在模板外头准备的数据, 关注那些数据可以被展示. 后端模板引擎 freemarker 如下介绍, java后台的 ...
html jquery 模板引擎,jquery template.js前端模板引擎
作为现代应用,ajax的大量使用,使得前端工程师们日常的开发少不了拼装模板,渲染模板在刚有web的时候,前端与后端的交互,非常直白,浏览器端发出URL,后端返回一张拼好了的HTML串.浏览器对其进行 ...
前端模板引擎 artTemplate的使用与进阶
前端模板引擎 artTemplate的使用与进阶查看全文 http://www.taodudu.cc/news/show-3760040.html 相关文章: springboot 整合 free ...
art-template前端模板引擎
目录内容介绍一.使用方法二.主要API 1.原文输出 2.逻辑判断 3.循环语句三.代码四.页面显示五.其他 1.pre标签 2.code标签内容介绍今天我们要了解的是一款高性能的 ...
前端模板引擎——handlebars
目录一.代码二.页面显示一.代码 <!DOCTYPE html> <html lang="en"><head><meta chars ...
js模板引擎juicer嵌入html元素,juicer前端模板引擎(示例代码)
Juicer 中文文档:http://www.juicer.name/docs/docs_zh_cn.html 官网:http://juicer.name/ 一个Javascript模板引擎的实现和优 ...
html模板引擎字符串长度,Web前端模板引擎の字符串模板
这是一个系列文章,将会介绍目前Web前端领域里用到的三种模板引擎技术,它们分别是: 基于字符串的模板基于Dom操作的模板基于虚拟Dom的模板本文是这个系列的第一篇,着重介绍基于字符串的模板引擎的 ...
springboot模板引擎_Spring Boot实战：如何搞定前端模板引擎？
作者:liuxiaopeng 链接:https://www.cnblogs.com/paddix/p/8905531.html 前言虽然现在很多开发,都采用了前后端完全分离的模式,即后端只提供数据接 ...

造轮子：前端模板引擎

Fontend-tpl

语言

用法

浏览器

CommonJS

Tests

Docs

造轮子：前端模板引擎相关推荐

最新文章

热门文章