html5之数据存储

最新推荐文章于 2019-04-11 17:15:54 发布

echoyoung46

最新推荐文章于 2019-04-11 17:15:54 发布

阅读量415

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/echoyoung46/article/details/44702395

版权

html5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、Web存储

localStorage和sessionStorage是HTML5在客户端存储数据的两种新方法。

localStorage是没有时间限制的数据存储，sessionStorage是针对一个session的存储。

客户端存储即在本地存储数据，不是通过服务器请求传递，而是只在请求时使用数据。在不影响网站性能的情况存储大量数据。

不同网站存储数据的区域不一样，一个网站只能访问其自身的数据。比如chrome的数据存储在一下路径：C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage。客户端可以是PC也可以是电视盒子。

数据存储方式就是localStorage/sessionStorage.xxx=

2、应用缓存

创建cache manifest文件，可以创建web应用的离线版本。

优势：1.离线；2.快速；3.减少服务器负载

启用应用缓存，要在<html>标签中加上manifest属性：

<!DOCTYPE HTML>

......

</html>

manifest文件格式：

CACHE MANIFEST

#2015-03-28 v1.0.0

/theme.css

/logo.gif

/main.js

NETWORK

FALLBACK

/html5/ /404.html

CACHE MANIFEST（当manifest文件加载后，浏览器自动从网站的根目录下载以下文件）
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:（需要因特网连接，离线不可用）
login.asp

FALLBACK:（用于无法连接因特网，替补文件替代资源下所有文件）
/html5/ /404.html（第一个是URI资源，第二个是替补）