MOFUM-UI

Это основанный на JQuery и RequireJS UI-фреймворк с объектно-ориентированными свойствами, который позволяет гибко организовывать различные компоненты. Он использует минимальное количество кода и языков для организации веб-контента. Это интерфейсная библиотека, основанная на рендеринге JS, которая позволяет максимально избежать написания HTML и CSS кода. Она также не требует особого внимания к проблемам совместимости браузеров.

Хотя мы используем JQuery, мы не следуем традиционному подходу JQuery. Мы используем его только для работы с DOM. Если вам нравится организация JQuery, у нас есть соответствующие методы, которые позволяют взаимодействовать с JQuery напрямую.

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

<script type="text/javascript" src="../../mofumui/mofumui.js" ></script>

Первый пример программы:

<script type="text/javascript">
	// Устанавливаем маршрутизацию JS.
	mofum.setPrefix("../../");
	mofum.imports(["MFrame"],function(MFrame){
		// Создаём фреймворк.
		var frame = new MFrame("#f00");
		// Задаём текст.
		frame.setContent("Hello World!");
	});
</script>

Этот пример очень прост, потому что это всё, что нам нужно сделать. Вы можете писать код как в Java. Для этого мы предоставляем некоторые документы API Word и PPT, чтобы вы могли быстрее понять. В других ветках есть интересные примеры, такие как «змейка» и карусель. Эти примеры будут меняться в зависимости от прогресса проекта. Кроме того, вы можете создавать свои собственные компоненты. Как создать компонент, подробно описано в каталоге custom.

Преимущества MOFUMUI:

• Объектно-ориентированные свойства делают компоненты гибкими и могут быть унаследованы, изменены или переписаны без влияния на экосистему всего фреймворка.
• Модульное программирование полностью соответствует асинхронной загрузке модулей RequireJS (следуя спецификации AMD). Вы можете легко создавать сложные одностраничные приложения.
• Наш дизайн компонентов имеет минимальный объём кода, что делает их удобными для чтения и совместимыми, за исключением случаев, когда HTML5 стандарт не поддерживается браузером. Практически можно достичь максимальной совместимости, а некоторые компоненты совместимы даже с IE5.
• Исходный код очень простой, и вы вряд ли найдёте сложный и непонятный код в этом фреймворке. Конечно, вам нужно иметь навыки объектно-ориентированного программирования (если вы изучали Java, это должно быть несложно).
• На основе MIT лицензии, вы можете использовать его в коммерческих целях. Мы придерживаемся политики открытого исходного кода, но использование несёт все риски и ответственность (как и в любом другом фреймворке).
• Множество базовых компонентов, которые позволят вам проводить вторичную разработку.
• Стоимость обучения очень низкая, порог входа очень низкий. Используя его, вы можете временно не изучать CSS, HTML, LESS, SASS, WEBPACK, JQuery и т. д. Вы сможете создавать красивые и впечатляющие веб-страницы.
• Можно использовать несколько источников для загрузки различных модулей, что может значительно повысить скорость загрузки веб-страниц.
• Наши компоненты можно описать одним предложением, а не просто... Например, карусель — это не просто карусель с изображениями, она также может содержать некоторые компоненты. Или, например, всплывающие окна — это не только текстовые всплывающие окна, они также могут отправлять некоторые всплывающие окна пользовательского интерфейса.