Кэш html-файла на клиенте

Question

На некоторых моих страницах у меня есть «шаблоны». Например, у меня есть таблица, и у меня есть «шаблон» для каждой строки в таблице

<div class="wholeRow"><div class="lefCol"><!-- some stuff will go here --></div>... 

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

Я не уверен, как его кэшировать; единственное, что я могу придумать, - поместить его в статический файл javascript и обернуть его всем document.write, но это похоже, ну, глупо. У кого-нибудь есть другие идеи?

Answer 1

Если это содержимое, которое не изменяется динамически между загрузками страниц, оно должно генерироваться на сервере, а не Javascript. Если это динамический контент, нет смысла кэшировать его.

Я бы сначала подумал о вашем дизайне приложения, а затем о расширенном кешировании.

Кэширование вещей на клиенте осуществляется главным образом браузером (и в настоящее время они хорошо обрабатываются). Если вы хотите кэшировать результаты вычисленных Javascript, у вас есть две возможности хранения:

1. Печенье
2. HTML5 API для хранения данных JS

Ни один из них не подходит для этой цели, как ни один из они были предназначены для кэширования. На данный момент я бы пошел на Cookies, поскольку они широко поддерживаются. После загрузки вашей страницы просто проверьте, существует ли файл cookie, и если да, просто покажите его содержимое. В противном случае сгенерируйте его с помощью JS.

На стороне записки - не использовать <DIV> для табличных данных. Для этого был создан стол < >.