Просто и доступно: базовое использование RequireJS в HTML страницах

Фреймворк RequireJS ничего особенного не делает - не создает красивых всплывающих окон, не помогает управлять контролами и т.п. Но его роль в разработке крупных JavaScipt приложений очень важна.
Не буду переводить и переписывать документацию с официального сайта, остановлюсь только на том, что лично мне было полезно - про управление подключением JS файлов для вашего приложения.
Для начала загрузите RequireJS со страницы: http://requirejs.org/docs/download.html
В директорию scripts поместите скачанный файл "require.js" и создайте "main.js". В той же директории "scripts" создайте еще 3 файла – "one.js", "two.js", "three.js".
В каждом файле one, two, three добавьте соответственно код:
1 2 3 4 5 6 7 8 |
//one.js alert('one.js'); //two.js alert(two.js'); //three.js alert('three.js'); |
Создайте HTML файл index.html и вставьте ниже следующий код. Обратите внимание на параметр data-main в тэге <script>:
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>My Sample Project</title> <script data-main="scripts/main" src="scripts/require.js"></script> </head> <body> <h1>Test</h1> </body> </html> |
В файл "main.js" добавьте такой код:
1 2 |
require(["one", "two", "three"], function (one, two, three) { }); |
Теперь откройте в браузере страницу index.html. Она выдаст 3 сообщения 'one.js', 'two.js', 'three.js'. При этом в коде html-страницы есть ссылка на загрузку только одного JS файла.
Комментариев нет »
No comments yet.
RSS feed for comments on this post. TrackBack URL
Leave a comment
Популярное за месяц
- Excel. Как сделать выбор значения ячейки из списка
- Правила оформления текстовых документов по ГОСТ 7.32 - 2001
- Как под рисунком сделать надпись в Word
- Настроить автоматическую сортировку писем по папкам в Outlook
- Добавить и удалить строки в Excel. Горячие клавиши
- Windows 8.1 – не меняется яркость экрана. Решение проблемы
- Как записать диск с MP3 программой Nero Burning Rom
- Подключение мыши CBR CM530Bt к компьютеру
- Удалить ненужные профили в Xbox 360
- Условия в PowerShell
Новое на сайте
- Проверка полей формы на стороне клиента в приложениях WebForms
- Удалить видео из Youtube
- Нет видео, только звук и черный экран в Google Chrome
- Добавить чекбокс (флажок, крыжик) в документе Word
- Программа для замены кнопки на клавиатуре
- Фреймворки для работы с таблицами в веб-интерфейсе
- Изменение кодировки сохраняемых файлов в Visual Studio Code
- Является ли значение числом в Javascript
- Исправление ошибки Error LINQ to Entities does not recognize the method 'System.Guid Parse(System.String)'
- Нарисовать виниловую пластинку в Photoshop
Популярное за 24 часа
- Excel. Как сделать выбор значения ячейки из списка
- Правила оформления текстовых документов по ГОСТ 7.32 - 2001
- Как под рисунком сделать надпись в Word
- Добавить и удалить строки в Excel. Горячие клавиши
- Изменить формат ссылок R1C1 в Excel
- Настроить автоматическую сортировку писем по папкам в Outlook
- Windows 8.1 – не меняется яркость экрана. Решение проблемы
- PowerShell. Проверить существует ли файл или папка
- Как выбрать почтовый клиент по умолчанию в Windows
- Условия в PowerShell