Upload
geekslab
View
307
Download
0
Embed Size (px)
Citation preview
Фреймворк Durandal.JS
Виктор Сотов
DataArt
Выбор фреймворка
Почему Durandal • Минимальный порог входа • Мощная композиция представлений • Богатая событийная модель страницы • Построен на известных библиотеках
(knockout, requirejs, jQuery) • Модульный
Содержание • Структура приложения • Модули • Представления • Композиция • Роутинг • Pub & Sub
Структура приложения
Модули
Пример модуля define(['durandal/app', 'knockout'], function (app, ko) { var name = ko.observable(); return { displayName: 'What is your name?', name: name, sayHello: function() { app.showMessage('Hello ' + name() + '!', 'Greetings'); } }; });
Observable модуль • Никаких ko.observable() • Использование обычных JS объектов • Легко включить
Views
Обычный HTML
Связывание обрабатывается KnockoutJS
Жизненный цикл страницы
Композиция
Пример • Простая композиция
• Шаблонная композиция
Роутинг
Пример конфигурации
Параметризированный роутинг • Маршрут
• Использование
Pub & Sub • Publish
• Subscribe
Другие возможности • Диалоги • Виджеты • Сборка проекта
Q & A
Links • Durandaljs.com
• Docs - Durandaljs.com/docs