На этой странице можно скачать этот файл совершенно бесплатно и без регистрации и без отправки смс, а также без различного рода ограничений.
Скачивайте и учитесь, надеемся, наш сайт помог вам "погрызть гранит науки"
Пример - Сохранение картинок в одном html-файле (data: URI)
Идея Eсть несколько картинок и комментарии к ним; Нужно хранить это все как можно компактнее.
Здесь предложен вариант хранения всего в одном HTML. Нужно хранить: Javascript; CSS; Картинки. Картинки преобразуются в формат base64 и записываются строками в HTML-файл.
Как оно работает Отдельно в папках лежат: Javascript; CSS; Картинки; HTML-файл со специальной дополнительной разметкой. HTML-файл для удобства разбит на 3 части (основная страница, элемент меню, элемент списка).
Дополнительная разметка HTML представляет собой вставки вида {{вставка}}. Используя специальные именованные аргументы форматного вывода мы обходим HTML-файл и заменяем все вставки на необходимые строки. Аналогичным образом через подобные замены происходит подключение всех нужных файлов. Кроме того, во время компоновки выходного файла происходит: преобразование графических файлов (в строковый формат data:URI base64); удаление избыточных символов ("[\s]+") из текстовых файлов.
Можно сказать, что здесь мы сделали простую шаблонную систему.
Реализация На основании описанных выше файлов генерируются два варианта галереи с JavaScript и без него. Само по себе реализация представляет собой консольное приложение, и является скорее просто примером.