如何在客户端存储javascript引用?

时间:2015-08-13 20:48:06

标签: javascript css html5 web-storage

是否有一个库可以帮助在客户端存储javascript和css文件以加快页面速度? webstorage(HTML5 def)对于这种情况有用吗?

4 个答案:

答案 0 :(得分:3)

你不需要一个库。标准HTTP caching将允许您要求浏览器存储本地副本。

Cache-Control: max-age=604800, must-revalidate

答案 1 :(得分:0)

对于非常大的脚本,您可以将其存储在LocalStorage中并通过eval加载它。但是:如果您的标题设置正确,则HTTP缓存默认值 - 您应该阻止内联脚本代码。

答案 2 :(得分:0)

默认情况下,浏览器会缓存您的css和js文件,但如果您想显式缓存它以供离线使用,您可以使用HTML5清单功能,您可以在其中创建清单文件并指定您想要的文件像这样缓存

CACHE MANIFEST
# rev 3

CACHE:
index.html
app.html
js/data.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css
http://code.jquery.com/jquery-1.4.3.min.js
js/script.js
style.css
images.png

这些文件将在第一次请求下载一次后进行缓存,这将节省您将来的加载时间。 您还可以为css和js文件指定后备,请参阅this链接以了解清单的基础知识。

答案 3 :(得分:0)

如果IETF,浏览器会缓存样式表和脚本文件等HTTP资源(not modified (status 304));为此,不需要图书馆。

另一方面,随意广泛使用Storage interface。根据您的使用情况,建议存储大型自定义数据(例如结果页面的数据为stringified JSON),以便可以在获取最新数据时立即显示它。背景。可以方便地存储JavaScript数据。关于CSS,这可能有点麻烦。

对于离线应用,还有更多相关的HTML5技术,例如link prefetchingapp cache(使用资源清单)。