The JavaScript framework for modern web.
Please refer to TNT.js Roadmap.
Simply use package managers to install TNT.js:
$ npm i tntjs
$ # or
$ yarn add tntjsThen add two files App.js and index.html:
import TNTApp from "tnt.min.js";
const app = new TNTApp()
.useData({
x: 233333,
list: [
"Alice",
"Bob",
"Candy"
]
})
.mount(document.getElementById("root"))<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>tntjs demo</title>
</head>
<body>
<div id="root">
<v data="x"></v>
<t-for data="i in list">
<v data="i"></v>
</t-for>
</div>
<script type="module" src="./App.js"></script> <!-- ES Modules! -->
</body>
</html>This is a kitchen-sink example of the current version of TNTjs. Might not be up-to-date though.
use <v data="variableName"/> to set variable and the bound variables are all reactive variables. They change the page as the value changes, and support expressions.
Please refer to https://tntjs.bugduck.cn/doc.html for more information.
We're all middle school students and we don't have that much money. So sponsoring TNTjs will give us an extra reward to let us keep updating!😉
- Emoji guidelines:
- ⭐ : Community administrator
- 🖊️ : Major contributor
- 🧑🎓 : Student
 |
 |
 |
 |
||
|---|---|---|---|---|---|
| 箱子Acbox ⭐ 🖊️ 🧑🎓 |
samzhangjy ⭐ 🖊️ 🧑🎓 |
mono ⭐ 🖊️ |
27Onion 🖊️ 🧑🎓 |
leonfyr 🖊️ 🧑🎓 |
Rotten-LKZ 🧑🎓 |
- 2022.4.1 开始在学校构思
- 2022.4.5 项目启动
- 2022.4.9
<v></v>标签功能实现 - 2022.4.10 变量赋值功能实现(TNTScript已废弃)
- 2022.4.17 函数调用功能实现
- 2022.4.24 TypeScript 重构项目
- 2022.5.22 项目重构完成
- 2022.5.29 发布 0.1.0 版本
- 2022.5.29 取消发布 0.1.0 版本
- 2022.6.9 ES6重构完成
- 2022.7.1 开发者们都放暑假啦!恢复开发
- 2022.7.20 vdom(虚拟dom)实现
- 2022.8.3 重写完成
Enjoy!