Пятница, 03.05.2024, 14:17
Приветствую Вас Гость | RSS

bookin.ucoz.ru


Меню сайта

Файлы

Главная » Файлы » Информатика и вычислительная техника » Web - программирование
На этой странице можно скачать этот файл совершенно бесплатно и без регистрации и без отправки смс, а также без различного рода ограничений. Скачивайте и учитесь, надеемся, наш сайт помог вам "погрызть гранит науки"

Пример - Сохранение картинок в одном html-файле (data: URI)
/_ld/145/14523.jpg
Идея
Eсть несколько картинок и комментарии к ним;
Нужно хранить это все как можно компактнее.

Здесь предложен вариант хранения всего в одном HTML.
Нужно хранить: Javascript; CSS; Картинки.
Картинки преобразуются в формат base64 и записываются строками в HTML-файл.

Как оно работает
Отдельно в папках лежат: Javascript; CSS; Картинки; HTML-файл со специальной дополнительной разметкой. HTML-файл для удобства разбит на 3 части (основная страница, элемент меню, элемент списка).

Дополнительная разметка HTML представляет собой вставки вида {{вставка}}. Используя специальные именованные аргументы форматного вывода мы обходим HTML-файл и заменяем все вставки на необходимые строки. Аналогичным образом через подобные замены происходит подключение всех нужных файлов. Кроме того, во время компоновки выходного
файла происходит: преобразование графических файлов (в строковый формат data:URI  base64); удаление избыточных символов ("[\s]+") из текстовых файлов.

Можно сказать, что здесь мы сделали простую шаблонную систему.

Реализация
На основании описанных выше файлов генерируются два варианта галереи с JavaScript и без него. Само по себе реализация представляет собой консольное приложение, и является скорее просто примером.

C JavaScript (можно просматривать анимацию):
Oricrafter, javascript
Размер:   |  Формат: HTML, HTM, JPG, GIF

Скачать: Перейти на страницу скачивания файла >>

Категория: Web - программирование
Просмотров: 255

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Поиск
Форма входа

Copyright MyCorp © 2024
Бесплатный конструктор сайтов - uCoz