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

OSCHINA-MIRROR/diqye-declarehtml

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
README.md 3.4 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 27.11.2024 20:06 02ef51e

Введение

При создании множества синхронных страниц опыт использования MVVM-фреймворка и инструментов рефакторинга был плохим. Использование библиотек, таких как JQuery, для работы с DOM также может быть утомительным. Мы хотим иметь возможность видеть отношения между элементами и их взаимодействие в HTML (например, включение кнопки «согласиться» при выборе соответствующего чекбокса), а также иметь хорошую модульную упаковку (только для JS, не для синхронных страниц). Однако реализация на основе данных не является реалистичной (поскольку окончательный HTML должен формироваться после выполнения JS), поэтому мы всё ещё используем работу с DOM. Мы предоставляем глобальный селектор, который вставляется между атрибутами HTML, и передаём состояние через функции для абстрагирования логики и упаковки бизнес-логики. Поскольку на моём компьютере есть только Chrome и Safari, я не тестировал его в IE и Firefox. Если вам интересно, присоединяйтесь к клубу разработчиков Frontend Girls, чтобы обсудить это вместе. Номер группы: 632826899.

Использование

<script src="your/path/src/index.js"></script>

Это позволит глобально установить переменную declare.

Hello

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>hello</title>
</head>
<body d-mod="main">
  <button d-click="alert('The tag\'s name is ' + $e.target.tagName)">hello</button>
  <script src="../src/index.js"></script>
  <script>
    declare.create(document.body,{})
  </script>
</body>
</html>

Атрибут d-mod представляет использование модуля main, который является встроенным модулем, включающим d-click и некоторые общие функции работы с DOM. Здесь просто вызывается функция alert окна для отображения сообщения.

Особенности

  1. Декларативная работа с DOM.
  2. Полноценный механизм модулей, поощряющий разработку с использованием модулей. Всё — модули.
  3. В HTML можно напрямую писать селекторы, которые автоматически преобразуются в объекты элементов в вашем обработчике.
  4. Следование функциональному стилю (минимизация состояния, возможность комбинирования функций, чистые функции).

Опубликовать ( 0 )

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

1
https://api.gitlife.ru/oschina-mirror/diqye-declarehtml.git
git@api.gitlife.ru:oschina-mirror/diqye-declarehtml.git
oschina-mirror
diqye-declarehtml
diqye-declarehtml
master