t.js 技术文档

1. 安装指南

t.js 是一个极小的 JavaScript 模板框架，压缩后大约只有 400 字节。您可以通过以下两种方式获取 t.js：

• 通过 npm 安装：

  npm install t.js
  

• 直接从 GitHub 下载：

  前往 t.js GitHub 仓库 页面，点击 Clone or download 按钮，选择 Download ZIP 下载源代码。

2. 项目的使用说明

t.js 提供了简单的模板插值功能，使得可以在 HTML 字符串中插入变量，并通过 innerHTML 将其插入 DOM。

以下是一个简单示例：

var template = new t("<div>Hello {{=name}}</div>");
document.body.innerHTML = template.render({name: "World!"});

这将会在页面中显示 "Hello World!"。

特性

• 简单插值：{{=value}}
• 清理插值：{{%unsafe_value}}
• 命名空间变量：{{=User.address.city}}
• If/else 语句：{{value}} <<markup>> {{:value}} <<alternate markup>> {{/value}}
• If not 语句：{{!value}} <<markup>> {{/!value}}
• 对象/数组迭代：{{@object_value}} {{=_key}}:{{=_val}} {{/@object_value}}
• 多行模板（无需删除换行符即可渲染）
• 可使用相同模板多次渲染不同数据
• 支持所有现代浏览器

3. 项目 API 使用文档

t.js 的 API 非常简单，主要包含以下两个部分：

• 构造函数：

  var template = new t(templateString);
  

  templateString 是包含模板插值表达式的 HTML 字符串。

• render 方法：

  var htmlString = template.render(dataObject);
  

  dataObject 是一个包含模板插值变量值的对象。render 方法返回一个编译后的 HTML 字符串。

4. 项目安装方式

请参考“安装指南”部分的内容进行项目安装。您可以选择通过 npm 或者直接从 GitHub 下载源代码的方式进行安装。安装后，您可以在项目中引入 t.js，开始使用这个轻量级的模板框架。

---

本文档旨在帮助用户了解和使用 t.js，若需深入学习，请访问项目 GitHub 仓库，查看更多示例和高级用法。