如何让localStorage缓存带过期时间，实现长尾词查询？

本文共计954个文字，预计阅读时间需要4分钟。

前言：通常可以使用cookie、localStorage、sessionStorage来实现浏览器端的数据缓存，减少对服务器的请求。

1. cookie数据存储在本地硬盘上，只要在过期时间前，即使重启浏览器也是有效的。

前言

一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存，减少对服务器的请求。

1.cookie数据存放在本地硬盘中，只要在过期时间之前，都是有效的，即使重启浏览器。但是会在每次HTTP请求中添加到请求头中，如果数据过多，会造成性能问题。

2.sessionStorage保存在浏览器内存中，当关闭页面或者浏览器之后，信息丢失。

3.localstorage也是保存在本地硬盘中，除非主动清除，信息是不会消失的。但是实际使用时我们需要对缓存设置过期时间，本文便是讲解如何为localstorage添加过期时间功能。

这三者仅支持同源(host+port)的数据,不同源的数据不能互相访问到。