html5之数据存储

来源：互联网发布：网络注册营业执照编辑：程序博客网时间：2024/05/22 10:42

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.jsNETWORK:（需要因特网连接，离线不可用）login.aspFALLBACK:（用于无法连接因特网，替补文件替代资源下所有文件）/html5/ /404.html（第一个是URI资源，第二个是替补）

0 0