Your Company
Вкусный портал

Dojo Расширенный JavaScript-библиотека Додзе Учебник для начинающих

  1. Хотите стать веб-разработчиком? Учим Додзе Учебник учебные пособия по додзё Dojo - это продвинутая...
  2. Определение и требование модулей
  3. Визуальные эффекты

Хотите стать веб-разработчиком? Учим Додзе Учебник

учебные пособия по додзё

Dojo - это продвинутая библиотека JS, легкая и быстрая. Версии Dojo: 1.4,1.5,1.6,1.7,1.8 и 1.9, где 2.0 планируется выпустить в 2014 году. API Dojo содержит dojo, dijit, dojo / query, dojo / mobile и dojoX. В руководстве по Dojo важно понимать особенности использования этих частей. Лучшая часть Dojo - это управление памятью. Где это также предоставляет возможность для программного объявления элементов dijit. Dijit способен обрабатывать элементы пользовательского интерфейса для всех видов дисплеев или браузеров. Мы обсудим все это и изучим широкие возможности Dojo с помощью этих руководств по Dojo в следующем посте. Итак, начнем!

Начало работы с руководством по Dojo

Для загрузки Dojo вы загрузите api-файлы dojo: dojo / dojo.js.

Пример «Hello Dojo»:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title> Hello! </ Title> </ head> <body> <h1> Hello Dojo! </ H1> <! - - загрузка Dojo -> <script src = "// ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js" data-dojo-config = "async: true"> </ script > </ body> </ html>

Вы можете подумать, что мы пропустили http: из атрибута src. Если вы удаляете протокол из URL, браузер примет протокол, с которого страница была загружена. Это означает, что ваша страница будет работать без проблем, если вы загрузите ее через http или https. Если вы этого не сделаете, вы, вероятно, вызовете предупреждения о безопасности в вашем браузере в определенных ситуациях с https, что не очень удобно для пользователя. Если вы запускаете этот код на локальном компьютере, убедитесь, что вы работаете с локального веб-сервера, так как это не будет работать, если вы используете протокол file :. По многим причинам вы должны всегда запускать Dojo с веб-сервера, даже на вашем локальном компьютере.

Если вы собираетесь делать значительный объем разработки, вам следует скачать исходный дистрибутив и установить его на свой локальный веб-сервер. Чтобы демо-версии работали на вашем локальном компьютере, вы должны поместить демо-каталог, содержащий ваш код, в тот же корневой каталог, в котором находится ваш исходный дистрибутив Dojo.

Пример:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title> Hello World </ title> </ head> <body> <h1> Hello Dojo! </ H1> <! - - локальная загрузка Dojo -> <script src = "../ dojo / dojo.js" data-dojo-config = "async: true"> </ script> </ body> </ html>

Определение и требование модулей

Модули в Dojo - это отдельные коды, которые можно загружать отдельно. Они идентифицируются с помощью строки, которая похожа на путь к файлу, где определен код.
Пример: «my / module / class» используется для загрузки модуля «class», который находится в my / module.

Давайте посмотрим, как определить модуль,

// В Module / class.js (что означает, что этот код определяет // модуль «Модуль / класс»): define ([// Модуль dojo / dom требуется для этого модуля, поэтому он идет // в этом списке зависимости. "dojo / dom"], function (dom) {// После загрузки всех модулей в списке зависимостей эта // функция вызывается для определения модуля Module / class. // // Модуль dojo / dom // передан в качестве первого аргумента этой функции; дополнительные модули в списке зависимостей будут // переданы в качестве последующих аргументов. var previousText = {}; // Этот возвращенный объект становится определенным значением этого модуля return {setText: function (id, текст) {var node = dom.byId (id); previousText [id] = node.innerHTML; node.innerHTML = text;}, restoreText: function (id) {var node = dom.byId (id); node.innerHTML = previousText [id]; удалить previousTextText [id];}};});

Давайте посмотрим, как использовать определенный модуль,

// Требуем созданный нами модуль "class" require (["Module / class"], function (class) {// Используйте наш модуль для изменения текста в приветствии class.setText ("greetings", "Hello Dojo") ! "); // Восстановить текст до его исходного состояния через несколько секунд setTimeout (function () {class.restoreText (" greetings ");}, 3000);});

Визуальные эффекты

Давайте посмотрим, как добавить визуальные эффекты в наше приложение, чтобы сделать его более интерактивным. Чтобы добавить визуальные эффекты, нам нужно «dojo / fx»

Давайте попробуем скользящую анимацию,

require (["dojo / dom", "dojo / fx", "dojo / domReady!"], function (dom, fx) {// dom Ready используется, потому что анимация запускается только после того, как документ готовится var hello = dom .byId ("hello"); hello.innerHTML + = "Hello Dojo!"; // давайте оживим этот fx.slideTo ({top: 200, left: 300, node: hello}). play ();}) ;

Это все, что нужно, чтобы начать с учебника по Dojo.

Если вам понравился этот урок по Dojo, не забудьте нажать лайк.

До скорой встречи со следующими уроками учебника по додзё. Так что продолжайте обновлять технобыц ..

Следующие две вкладки изменяют содержимое ниже. Следующие две вкладки изменяют содержимое ниже

Хотите стать веб-разработчиком?

Новости

Подготовка к новогоднему корпоративу
Разумеется, вечеринки для сотрудников организовываются не только на Новый год, но они требуют меньше времени на подготовку и проходят не столь помпезно. Для того, чтобы устроить достойную новогоднюю вечеринку

Alcazar - официальный сайт концертного агента. Заказать выступление группу Alcazar на праздник, свадьбу, корпоратив в ProConcert.
Добро пожаловать на страницу шведской музыкальной группы. Группа «Alcazar»  - это шикарная творческая идея продюсера Александра Барда. В 1998 году музыкант решил создать новый интересный проект,

Организация и проведение корпоративных мероприятий и праздников в СПБ – event-агентство REMAR Group
Корпоративные праздники – это важный элемент налаживания взаимоотношений между сотрудниками фирмы, представителями различных отделений компании. Проведение подобных мероприятий подразумевает легкую, приятную,

Проведение юбилея - проведение юбилея 40-45 лет | Организация праздников и корпоративных мероприятий от «ClubTrade»
Близится очередная круглая дата? Предлагаем Вам отметить юбилей с нашей помощью. Специалисты « Clubtrade » подберут ведущего для Вашего праздника – интеллигентного мужчину или интересную даму в возрасте

Что надеть на новогодний корпоратив 2018


Саксофонист на свадьбу и праздник в Москве! Заказать саксофониста!
Сделать свадьбу или праздник романтичным, чувственным и совершенным Вам поможет красивое звучание саксофона. Саксофонист на встречу гостей или росписи, банкета — это одно из тех изысканных, музыкальных

Автобус для корпоративов
Не всегда корпоративные мероприятия и празднования проходят в городской местности. Иногда – по большей части все-таки, летом – выезд на природу более предпочтительный, особенно, если у руководства имеется

Добро пожаловать в питерский Форт Боярд!
Помните программу Форт Боярд, которую 15 лет тому назад с нетерпением ждала большая часть телезрителей РФ? Сегодня ее трудно назвать особенно популярной, но соревнования, проводимые среди участников, не

Аренда кальяна на дом
Ваш отдых - наша работа!   О нас      Здравствуйте дорогие друзья! Организация ООО «Есть Кальян» Екатеринбург рады предложить вам следующие виды услуг относительно вашего отдыха. Отличным дополнением

Заказать выступление Дмитрия Нагиева на свадьбу, корпоратив или день рождения, юбилей. Узнать цену выступления Дмитрия Нагиева
Хотите, чтобы ваш праздник был ярким, незабываемым и очень интересным? Для этого достаточно воспользоваться работой профессионального артиста, желательно того, кого знает вся страна. Сейчас у каждого человека

Реклама

Календарь

Реклама

Copyright © 2016 www.j-operamini.b5bedf3d7