1。Cookiecookie是一种古老的前端缓存技术。它的特点是如果要使用，前端必须要有服务（静态网页不行），存储大小限制在4kb以内。那么为什么一定要有服务才能使用cookies呢？因为只要有涉及cookie的请求，cookie就会在服务器和浏览器之间来回发送，而由于浏览器的跨域限制，客户端和服务器必须保证相同的原则origin（也就是跨域问题，见我的其他文章），由于cookie存放在前端，安全问题一直是个大问题，所以一般重要信息不建议存放在cookie中。2.Session对于服务端程序，大家一定对session不陌生。Session是一种服务器端机制，即可以在服务器端存储信息，所以安全性可以得到保证。它的原理是通过sessionid来识别客户在client端，sessionid保存在cookie中（当然，用户看到sessionid也没关系），服务端会通过sessionid来识别client用于匹配和判断。与cookies相比，差距是显而易见的。一种是将数据存储在客户端；3、localStorage的特点是“持久化”。一旦保存，如果不手动清除，会一直保存在前端。它的保存格式是以键值对的方式保存的，即“key-value”。它的存储空间被限制在大约500万个字符。下面是一些使用方法：localStorage.length获取存储中的个数localStorage.key(n)获取存储中第n个元素对的键值（第一个元素为0）localStorage.getItem(key)获取key值对应的valuelocalStorage.key获取key值对应的valuelocalStorage.setItem(key,value)添加数据，key值为key，value为valuelocalStorage.removeItem(key)移除key所在的数据valueiskeylocalStorage.clear()清除所有数据4.sessionStorage和localStorage有什么区别？sessionStorage是会话级别的本地存储，一旦关闭浏览器就会消失，而前者非常“持久”，即使关闭浏览器10000次也没事，所以差距还是很大的。后两者是H5独有的特点，因为现在都是前后端分离的开发模式，前端工程师非常喜欢这两种前端缓存方式。下面是sessionStorage的用法：sessionStorage.length获取storage中的个数sessionStorage.key(n)获取storage中第n个元素对的key值（第一个元素为0）sessionStorage.getItem(key)获取value键值对应的sessionStorage.key获取键值key对应的值sessionStorage。setItem(key,value)添加数据，key值为key，value为valuesessionStorage.removeItem(key)移除key值为key的数据sessionStorage.clear()清除所有数据
