js/jquery/vue/小程序/uni-app本地储存

JavaScript / jQuery / Vue

sessionStorage
用于本地存储一个会话（session）中的数据，一旦会话关闭，那么数据会消失
写法:

sessionStorage.setItem('key',data)//存储
sessionStorage.getItem('key)//获取
sessionStorage.removeItem("key");//删除
sessionStorage.clear();//删除所有

localStorage
是一种你不主动清除它，它会一直将存储数据存储在客户端的存储方式，即使你关闭了客户端（浏览器)，属于本地持久层储存
写法:

localStorage.setItem('key',data)//存储
localStorage.getItem('key)//获取
localStorage.removeItem("key");//删除

cookie
优点很多，使用起来很方便
但它的缺点也很多：
比如跨域访问问题；无法保存太大的数据（最大仅为4KB）；本地保存的数据会发送给服务器，浪费带宽 等等；
用法:

document.cookie='key='+data//存储
var x = document.cookie;//获取
直接把 expires 参数设置为过去的日期即可删除

微信小程序

先来一张图便于理解，具体的下方有详情链接

uni-app

和微信小程序差不多,只是前缀变成uni.

苦夏木禾
所写博客皆为自己的心得，如有错误欢迎指出，侵删，谢谢