мини-определенный
Простая передняя модульная структура, реализованная на основе потребностей. Если вы не хотите тратить время на обучение reafe.js, или смотреть на длинные спецификации CMD/AMD, то этот мини-определение является хорошим выбором для вас. Если вы использовали SEA.JS или TERS.JS ранее, Mini-DEFINE более эффективен, легче и проще в использовании. Адрес проекта: GitHub
Использование
Сначала определить модуль
Определить модули
1: Используйте функцию определения модулей
1.1 В зависимости от того, есть ли зависимость, есть две ситуации:
1.1.1: модули без зависимостей
Кода -копия выглядит следующим образом:
define ('id', function () {
// Поместите свой код сюда
});
1.1.2: Модули зависимости
Кода -копия выглядит следующим образом:
define ('id', ['modea', 'modeb'], function (a, b) {
// Поместите свой код сюда
});
1.2 В зависимости от того, должны ли результаты обработки возвращаться для внешнего использования, можно разделить на две ситуации:
1.2.1 Существует объект возврата:
Кода -копия выглядит следующим образом:
define ('id', function () {
возвращаться {
// Поместите свой код сюда
}
});
1.2.2. Нет объекта не возвращается
Кода -копия выглядит следующим образом:
define ('id', function () {
// Поместите свой код сюда
});
Два: использование функции () функции () для вызова модуля
2.1 Согласно количеству запрошенных модулей, может быть две ситуации:
2.1.1. Вызов один модуль
require ('modeid')
2.1.2. Вызов нескольких модулей
требуется (['modea', 'modeb']);
2.2 В зависимости от того, существует ли обработка обратного вызова, ее можно разделить на две ситуации:
2.2.1 Существует функция обработки обратного вызова
Кода -копия выглядит следующим образом:
require ('modeid', function (mode) {
// Поместите свой код сюда
});
require (['modea', 'modeb'], function (a, b) {
// Поместите свой код сюда
});
2.2.2 Нет обработки обратного вызова
require ('modeid');
Затем обратитесь к требуемым модулям в очереди на странице index.html
Кода -копия выглядит следующим образом:
<!-Основной модуль->
<script src = "lib/core/require.js"> </script>
<!-Модуль для демонстрации->
<script src = "lib/main.js"> </script>
<script src = "lib/config.js"> </script>
<script src = "lib/init.js"> </script>
Наконец, слияйте и сжимайте каталог LIB так, как вам нравится генерировать файл min.js. При публикации приложения соответствующий индекс.html также необходимо скорректировать:
Кода -копия выглядит следующим образом:
<script src = "lib/min.js"> </script>
преимущество:
По сравнению с Seajs.js или оригинальным require.js, код с сотней строк комментариев может быть описан как легкий и выглядит жирным, что является совершенно худым.
Не существует передового контента или сложных навыков, и есть почти нулевая стоимость обучения.