Mark

1、cookie 是个啥？cookie 是保存在客户端系统中的一个文本文件，每个 cookie 文本文件都与指定 Web 服务器的域中的固定目录相关联。当浏览器向服务器请求该目录下的页面时，关联的 cookie 信息就会随着 HTTP 请求以头部信息的方法是送给服务器。这句话不理解没有关系，请往下看。HTTP 协议本身是无状态的。无状态是指Web浏览器与Web服务器之间不需要建立持久的连接...

目录1、认识 HTML5 离线应用2、使用 manifest 文件3、使用离线缓存4、离线缓存应用案例1、认识 HTML5 离线应用大部分网页必须要连网才能访问，但是有些时候，比如在飞机上或地下隧道，没有网络信号就无法访问网站，这对于 web 用户的体验是很不好的，因此 HTML5 引入了离线缓存的功能。HTML5 离线存储（Offline Storage）的核心功能是...

cookie session 存储位置 cookie的数据信息存放在客户端浏览器上 session的数据信息存放在服务器上 存储容量 单个cookie保存的数据<=4KB，一个站点最多保存20个Cookie 对于session来说并没有上限，但出于对服务器端的性能考虑，session内不要存放过多的东西，并且设置...

在前端数据持久化的方案中，对于简单的数据，使用 sessionStorage 和 localStorage 能够很好地完成存取，但是对于处理复杂的关系型数据，它就力不从心了。这时必须选用 Web SQL 或者 IndexedDB。Web SQL 数据库不是 HTML5 规范的组成部分，但它允许通过一个异步 JavaScript 接口访问 SQLLite 数据库。1、基本操作Web SQL ...

1、Web Storage 是个啥？HTML5 的 Web Storage 提供了两种在客户端存储数据的方法：loaclStorage 和 sessionStorage。它们可以键值对的形式在本地保存数据。其中loaclStorage 用于持久化的本地数据，除非主动删除数据，否则数据永远不会过期。sessionStorage 保存会话期内数据，当用户关闭浏览器后，则这些数据会被删除。We...

1、本地存储本地存储是指将一些有用的信息存储在客户端本地，可以通过谷歌控制台 Application 查看到，而且是这些信息是明文存储，所以敏感的数据尽可能不要存储在本地，非必须存储也要做安全处理（例如：加密）。本地存储的几种方式：cookie、H5中Webstorage：localstorage/sessionstorage、本地数据库存储：IndexDB/Web SQL、本地缓存存储：...

1、浏览器缓存是个啥？浏览器缓存，又称 HTTP 缓存，指的是：当我们浏览网站的时候，器存储会在本地存储一个副本，以便下次访问同个网址的时候可以不再连接服务器，直接使用本地的缓存。服务器端程序可以通过 HTTP Cache Headers 来控制缓存行为，减轻服务器的负担，缩短了响应时间，显著得提高网站的性能。2、HTTP Cache Headers当服务器发出响应的时候，可以通过以下两种方式来告诉客户端（浏览器）如何处理缓存：2.1、Expires，比如：Expires: Thu..