1. 离线检测
离线Web应用，是在设备不能上网的情况下仍然可以运行的应用。为了检测应用是否离线，在页面加载后，通过navigator.onLine取得初始的状态，通过online和offline分别触发这两个事件。
2. 应用缓存
HTML5的应用缓存，简称为appcache，是专门为开发离线Web应用而设计的。Appcache是从浏览器的缓存中分出的一块缓存区域，使用一个描述文件manifest file在这个缓存中保存数据，列出要下载和缓存的资源。
//描述文件示例
CACHE MANIFEST
# Comment
file.js
file.css
告诉页面/offline.manifest中包含着描述文件，这个文件的MIME类型必须是text/cache-manifest
//将描述文件与页面关联起来
<html manifest = '/offline.manifest>
3. Cookie
Cookie是在客户端存储数据的一种选项，要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分，其中包含会话信息。浏览器会存储这样的会话信息，通过为每个请求添加Cookie HTTP头信息将信息发送回服务器。服务器将cookie发送到用户浏览器并保存在本地，在浏览器下次向同一服务器发送请求时被携带并发送到服务器上，用于告知服务端两个请求是否来自同一个浏览器，比如保持用户的登录状态，cookie使给予无状态的HTTP协议记录稳定的状态信息成为可能。主要用于以下三个方面：
- 会话状态管理（用户登录状态、购物车、游戏分数或其他需要记录的信息）
- 个性化设置（如用户自定义设置、主题等）
- 浏览器行为跟踪（如跟踪分析用户行为等）
服务器使用Set-Cookie响应头部向浏览器发送cookie信息
Set-Cookie: <cookie名>=<cookie值>
cookie包括会话期cookie和持久性cookie，会话期cookie浏览器关闭后被自动清除，持久性cookie可以指定一个过期时间Expires和有效期Max-Age。被标记为Secure的cookie只能通过被HTTPS加密过的请求发送给服务端。如果包含服务端Session信息的cookie不想被客户端JavaScript脚本调用，应该为其设置HttpOnly标记。Domain和path标识定义了cookie的作用域。document.cookie属性用于读写当前网页的cookie。不同浏览器对cookie数量和大小的限制是不一样的。单个域名设置的cookie不应超过30个，每个cookie的大小不能超过4kB。浏览器的同源策略规定，两个网址只要域名和端口相同，不要求协议相同，就能够共享cookie。
如果服务器想改变一个早先设置的cookie，必须同时满足cookie的key、domain、path、secure，只要有一个属性不同，就会生成一个全新的cookie，而不是替换掉原来那个。由于服务器指定cookie后，浏览器的每次请求都会携带cookie，带来额外的性能开销，尤其是在移动环境下。新的浏览器API允许开发者直接将数据存储到本地，如使用Web Storage 和 IndexedDB。
很多Web站点都会与第三方厂商达成协议，由其来管理广告。这些广告被做得像Web站点的一个组成部分，并且发送持久cookie，用户访问另一个由同一广告公司提供服务的站点时，由于域是匹配的，浏览器就会回送早先设置的持久cookie。营销公司可以将此技术与
Referer首部结合，构建一个用户档案和浏览习惯的详尽数据集。现代浏览器都允许用户对隐私特性进行设置，以限制第三方cookie的使用。
4. Web Storage
WebStorage用于在浏览器存储少量的数据，克服cookie带来的限制，当数据需要被严格控制在客户端上，无须持续将数据发回服务器上时使用。提供一种在cookie之外存储数据会话的途径，提供一种存储大量可以跨会话存在的数据的机制。
- sessionStorage 数据只保存到浏览器关闭
//使用方法存储数据
sessionStorage.setItem('name', ‘siyuan')
//使用属性存储限制
sessionStorage.book = 'JavaScript'
- globalStorage跨会话存储数据，有特定的访问限制。
globalStorage['wrox.com'].name = 'siyuan'
- localStorage作为持久保存客户端数据的方案取代了globalStorage，要访问同一个
localStorage对象，页面必须来自同一个域，使用同一个协议，在同一个端口上。数据保存到通过JavaScript删除或用户浏览器清除缓存。
5. IndexedDB
IndexedDB是在浏览器中保存结构化数据的一种数据库，创建一套API，方便保存和读取JavaScript对象，同时支持查询及搜索，用于客户端存储大量结构化数据。IndexedDB是一种类似SQL数据库的结构化数据存储机制。它的数据不是保存在表中，而是保存在对象存储空间中。创建对象存储空间时，需要定义一个键，再添加数据。可以使用游标在对象存储空间中查询特定的对象，索引是为了提高查询速度基于特定的属性创建的。
- 在数据库上调用
transaction()方法创建事务，数据的读取和修改必须要通过事务来组织操作，取得事务的索引后，使用objectStore()方法并传入存储空间的名称，就可以访问特定的存储空间。使用事务可以直接通过已知的键检索整个对象。 - 在需要检索多个对象的情况下，需要在事务内创建游标，游标是一个指向结果集的指针，游标指针先指向结果中的第一项，在接到查找下一项的指针时，才会指向下一项。在对象存储空间上调用
openCursor()方法创建游标。
