Реализуется оно достаточно просто - сначала полагагаем что есть какой-то поток, производный от istream, допустим поток для чтения файлов ifstream.

Далее все просто - используем стандартный буферный класс stringstream, в который считываем все содержимое файла.

std::ifstream in("myfile");

std::stringstream buffer;
buffer << in.rdbuf();

std::string contents(buffer.str());

Таким образом в новой строчке будет находится все содержимое файла со всеми спецсимволами - табуляция, перенос строки, просто пробелы. Обычное считывание не позволяет, допустим, учесть существование сразу нескольких пробелов. Примечательность этого метода заключается в том что можно забыть про ios::skipws(skip white spaces), который таки не удалось приручить.

Совет взят с т.н. StackOverflow.

Суть Вопроса

Вопрос о кэшировании является наиболее интересным в сайтостроении. Под кэшированием какого-либо объекта принято понимать сохранение его локальной копии и последующая работа с ней. Таким образом, при повторной работе с 'кэшированной' копией, нет необходимости заново создавать сам объект, и что может быть еще более затратным - тратить ресурсы на его создание. Надеюсь, это понятно, если что - подробнее читаем в Википедии.

Некоторые специальные javascript/html конструкции заставляют браузер форсированно кэшировать содержимое страницы. Несомненно, это очень правильное решение, т.к. посетителю сайта не нужно заново задгружать всю страницу, и в особенности javascript-файлы - на то просто нет особой необходимости.

Рассмотрим парочку полезных примеров, в которых браузер кэширует содержимое.

Пример 1

<script type="text/javascript"> 

var theimages = document.images;

for (i=0;i<theimages.length;i++)

    theimages[i].src = "blank.gif";

 </script>

Для начала - явное 'кэширование' всех элементов веб-страницы и cоздание промежуточной переменной theimages. Далее - кэширование подгружаемой картинки при помощи theimages[i].src=.

Пример 2

Если появилась необходимость в кэшировании картинки до того, как она будет показана, то используем следующий код :

smimg_name = new Array();

smimg_name[0]= new Image;

smimg_name[0]= "http://av.li.ru/82/1389082_9937302.jpg";

Далее, допустим у нас обрабатывается какое-нибудь событие, например onClick и вызывается обработчик - функция clickHandler.

function clickHandler () {

    document.imageId.src = smimg[0];

    }

В результате чего, атрибуту src элемента с id='imageId' присваивается созданный ранее объект smimg_name[0].
Массив в этом примере был специально создан для того, чтобы показать, что точно таким же способом можно подгрузить сразу все необходимые картинки, допустим для небольшого слайдшоу, состоящего из четырех-пяти картинок.

Пример 3

Мало кто знает, но обычное включение js файла в страницу заставляет кэшировать сам файл.

<script type="text/javascript" src="script.js"></script>

---

Конечно существуют и другие способы, в том числе и при помощи популярных библиотек jQuery, Prototype, ExtJS, но js-кэширование основано в них именно на принципах, изложенных выше.

Но с другой стороны, обычный Ctrl+F5 может не перезагрузить часть контента страницы, а взять его из своего кэша. Поэтому, при разработке возникает проблема в постоянной очистке кэша.

Если говорить о примере 3, то есть неплохой способ обойти кэширование скрипта. Для этого при указании ссылки на js файл можно в конце приписывать любое случайное число, т.е. передавать это число js файлу в качестве Get-параметра :

<script type="text/javascript" src="script.js?4234231"></script>

Mozilla Firefox

Ну а теперь посмотрим на кэширование файлов в браузере Mozilla Firefox.

Кэширование js файлов можно отключить простым указанием в about :config параметра network.http.use-cache=false. Тоже самое, но при помощи кнопочек умеет делать плагин WebDeveloper.

Достаточно просто можно расположить желаемый блок div по центру любой страницы. Ключевым является абсолютное относительно вертикального и бокового края расположение div-а(top: 50%, left: 50%) и смещение его вверх и влево на величины, равные половине размера самого дива (margin-top и margin-left).

div.valign-center {
position: absolute;
top: 50%;
left: 50%;
height: 100px;
width: 400px;
margin-top: -50px;
margin-left: -200px;
}

Демонстрация далее