前端性能优化(三)——浏览器九大缓存方法

4、cookie

---

cookie指的就是会话跟踪技术。一般指网站为了辨别用户身份，进行session跟踪而而存储在用户本地终端上的数据，cookie一般通过http请求头发送到服务器。cookie主要特点有：

• 跨域限制，同一个域名下可多个网页内使用。

• cookie可以设置有效期，超出有效期自动清除。

• cookie存储大小在4K以内。

• cookie的存储不能超过50个cookie。

• 只能存储字符串类型。

cookie常用操作：

setMaxAge - 设置cookie的有效期，时间单位是秒，负值时表示关闭浏览器后就失效，默认值为-1。

setDomain - 用于指定，只有请求指定域名才会带上该cookie。

setPath - 只有访问该域名下的cookieDemo的这个路径地址才会带cookie。

setValue - 重置 value 。

5、localstorage

---

localStorage 是HTML5的一种新的本地缓存方案，目前使用比较多，一般存储ajax返回的数据，存储特点主要有：

• 数据可以长久保存，没有有效期，直到手动删除为止。

• 存储的数据量大，一般5M以内。

• 存储的数据可以在同一个浏览器的多个窗口使用。

• 存储的数据不会发送到服务器。

localStroage常用API如下：

localStorage.