1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/BugDucker-tntjs

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

TNT.js

Фреймворк JavaScript для современного веба. Это фронтенд-фреймворк, который может управлять несколькими страницами. Написание JavaScript похоже на написание бэкенд-кода, что действительно реализует эффективную нативную разработку. Кроме того, в будущих версиях мы добавим нативное написание компонентов и отладку.

План развития

Пожалуйста, обратитесь к дорожной карте TNT.js.

Демо

Установка tntjs

Хотя tntjs — это более нативный фронтенд-фреймворк, вы всё равно можете установить его с помощью менеджера пакетов, как и любой другой фреймворк.

Сначала нам нужен каталог проекта. Предположим, вы разрабатываете в среде Linux, давайте создадим новый MyFirstTNTJsProject:

$ mkdir MFTJP #здесь аббревиатура
$ cd MFTJP
$ code ./

Затем установим его:

$ npm install tntjs #npm
$ yarn add tntjs #yarn
$ pnpm install tntjs #pnpm

Или вы также можете использовать файлы на CDN:

https://cdn.jsdelivr.net/npm/tntjs@latest/dist/src/index.js

Как использовать?

Теперь вы можете с радостью управлять несколькими страницами с помощью tntjs!

Далее давайте напишем простейший «Hello world». tntjs использует <v>, чтобы реализовать двустороннюю привязку реагирующих переменных и страниц, то есть значение, связанное со страницей, будет меняться по мере изменения переменной.

<v data="variableName"/>

Заполните выражение в атрибуте data.

Часть js должна создать экземпляр TNTApp:

export const app = new TNTApp();

Затем используйте page, чтобы задать страницу:

// App.js
export const app = new TNTApp();

app.page({
  data: {
    x: "Hello world!"
  },
  mount: document.getElementById("app")
}, "id1")
  • Каждый html-файл имеет отдельный pageid, вы можете использовать <page-id>, чтобы установить его в <head>, который является идентификатором страницы для многостраничного программирования tntjs.
<page-id>page1</page-id>
  • Используйте data в первом параметре, чтобы установить начальное значение реагирующей переменной.
  • Первый параметр использует mount, чтобы указать объект Element области действия приложения tntjs (указанный узел может иметь только один дочерний узел).

Теперь импортируйте его в html-файл

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="./App.js" type="module"></script>
  <title>tntjs demo</title>
  <page-id>id1</page-id>
</head>
<body>
  <div id="root">
    <div>
      <v data="x"></v>
    </div>
  </div>
</body>
</html>

Откройте его в браузере, и вы увидите:

Hello world!

Документация

Для получения дополнительной информации обратитесь к https://tnt.js.org.

Спонсирование

Мы все ученики средней школы, и у нас не так много денег. Поэтому спонсирование TNTjs даст нам дополнительную награду, которая позволит нам продолжать обновлять проект!😉

Спонсируйте нас на ZhiFuBao Спонсируйте нас в WeChat

Участники

  • Руководство по эмодзи:
    • :star: : Администратор сообщества
    • :pen: : Основной участник
    • :student: : Студент | Абокс (Acbox) | Сэм Чжанцзи (samzhangjy) | Моно (mono) | 27Onion | Леонфир (leonfyr) | Роттен-ЛКЗ (Rotten-LKZ) | |---|---|---|---|---|---| | Ящик Абокс: звезда, перо, ученик | Сэм Чжанцзи: звезда, перо, ученик | Моно: звезда, перо | 27Onion: перо, ученик | Леонфир: ученик | Роттен-ЛКЗ: ученик |

Changelog

Development Stage

  • 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 — реализована виртуальная модель DOM (vdom).
  • 2022.8.3 — завершение переписывания.

Enjoy!

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Это совершенно новая легковесная фронтенд-фреймворк, подходящая для быстрой разработки различного рода. Развернуть Свернуть
TypeScript и 4 других языков
MIT
Отмена

Обновления (1)

все

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/BugDucker-tntjs.git
git@api.gitlife.ru:oschina-mirror/BugDucker-tntjs.git
oschina-mirror
BugDucker-tntjs
BugDucker-tntjs
main