<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Что такое DATA URLS?

Что такое DATA URLS?

DATA URLS - это URI схема, которая позволяет встраивать мультимедиа данные в HTML-документ.

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

  <img src = 'image.png' />

или вы можно поступить иным способом - закодировать изображение в специальном формате, называемом DATA URL, который позволяет вставлять изображение непосредственно в документ HTML, поэтому браузеру не нужно делать отдельный запрос для его получения – так как это изображение уже является частью разметки сайта.

DATA URL могут дать экономию по времени загрузки для небольших файлов, но для более крупных файлов возникает существенный недостаток, заключающийся в увеличении размера HTML документа, и особенно это становится проблематичным, если встроенное изображение перезагружается на всех страницах сайта, при этом использовать кэширующие возможности браузера не предоставляется возможным.

Кроме того, изображение, закодированное в формате DATA URL, обычно немного больше, чем такое же изображение, но в двоичном формате. Также такие изображения мало практичны, если они часто редактируются, так как каждый раз, когда изображение изменяется, оно должно быть закодировано снова.

Но, несмотря на все сказанное выше формат DATA URL,занял свое место в Интернете.

Как выглядит DATA URL?

URL-адрес данных - это строка, начинающаяся с префикса data: за ней следует формат MIME-типа. Например, изображение PNG имеет mime-тип image/png. За этим следует запятая, а затем фактические данные.

Текст обычно передается в виде обычного текста, а двоичные данные обычно кодируются в base64.

Ниже приведен пример того, как будет выглядеть такой URL-адрес данных:

  <img src="data:image/png,%89PNG%0D%0A..." />

Вот как выглядит DATA URL адрес, закодированный с помощью base64. Обратите внимание, что он начинается со следующих данных: image/png; base64:

<img src="data:image/png;base64,iVBORw0KGgoAA..." />

Посмотреть вживую на то, как изображение кодируется в текст можно на сайте https://dopiaza.org/tools/datauri/, который вы можете использовать для преобразования любого изображения, находящегося на вашем компьютере, в URL-адрес данных.

Формат DATA URL можно использовать везде, где можно использовать URL-адрес, как для ссылок в документе, так и для ссылок в документе CSS:

 .main {
   background-image: url('data:image/png;base64,iVBORw0KGgoAA...');
  }

БЕЗОПАСНОСТЬ

В DATA URL можно закодировать любую информацию, а не только изображения, и поэтому они вносят свою долю в проблемы безопасности сайта.

Таким образом технология DATA URL, может быть полезна в некотором ограниченном контексте, но при ее использовании не нужно забывать о безопасности, так в таких таинственных url адресах может прятаться все, что угодно!

На этом все, всего доброго!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.