基于js本地存储（详解）
在客户端运⾏的JS是不能操作⽤户电脑磁盘中的⽂件的（保护客户端运⾏的安全）
1、JS中的本地存储：
使⽤JS向浏览器的某⼀个位置中存储⼀些内容，浏览器即使关闭了，存储的信息也不会销毁，当在重新打开浏览器的时候我们依然可以获取到上⼀次存储的信息
本地存储的⽅案：
传统：
cookie：把信息存储到客户端的浏览器中（但是项⽬服务器端也是可以获取COOKIE的）
session：把信息存储到服务器上的（服务器存储）
HTML5:webStorage
localStorage：永久存储在客户端的本地
sessionStorage：信息的会话存储，会话窗⼝存在信息也存在，会话窗⼝关闭信息就消失了
2、COOKIE  localStorage sessionStorage
->webStorage
setItem([key],[value])：像客户端的本地存储⼀条记录，存储的[value]需要是字符串格式的，如果编写的不是字符串，浏览器会默认的转化为字符串然后在进⾏存储；同源下存储的[key]是不会重复的，如果之前有的话，是把存储的信息值进⾏修改。如果存储的value是⼀个对象，需要先使⽤JSON.stringify()进⾏转化。js代码加密软件
getItem([key])：获取之前存储的值
removeItem([key])：移除KEY对应的存储记录
clear()：把当前源下的所有的存储记录都移除掉
localStorage.length：获取存储的记录条数
localStorage.key(0)：获取索引为0这⼀项的KEY是什么
localStorage.setItem('age',7);
localStorage.clear();
localStorage和sessionStorage的区别
localStorage属于永久存储在本地，不管是刷新页⾯还是关掉页⾯或者关闭浏览器，存储的内容都不会消失，只有我们⾃⼰⼿动的去删除才会消失（不管是杀毒软件还是浏览器⾃带的清除历史记录功能都不能把localStorage存储的内容清除掉）sessionStorage属于临时的会话存储，只要当前的页⾯不关闭，信息就可以存储下来，但是页⾯⼀旦关闭，存储的信息就会⾃动清除（F5刷新页⾯只是把当前的DOM结构等进⾏重新的渲染，会话并没有关闭）
cookie
cookie和localStorage的区别
1）、cookie
cookie存储内容的⼤⼩是有限制的，⼀般同源下只能存储4kb的内容；localStorage存储的内容也有⼤⼩限制，⼀般同源下只
能存储5MB
cookie存储的内容是有过期时间的，⽽localStorage是永久存储到本地，使⽤杀毒软件或者浏览器⾃带的清除垃圾的功能都可能会把存储的cookie给删除掉
⽤户可能处于安全的⾓度禁⽤cookie（⽆痕浏览器），但是不能禁⽌localStorage
真是项⽬中的本地存储都使⽤哪些东西?
记住⽤户名密码或者⾃动登录；⽤户的部分信息，当⽤户登录成功后我们会把⽤户的⼀些信息记录到本地的cookie中，这样在项⽬中的任何页⾯都可以知道当前登录的⽤户是哪⼀个了；购物车...(存储少量信息或者是需要浏览器兼容的都需要使⽤cookie 来进⾏存储)
2）、localStorage
在PC端我们可以⽤其存储某⼀个JS或者CSS中的源代码；还可以把⼀些不需要经常更新的数据存储到本地，存储的时候可以设置⼀个存储的时间，以后重新刷新页⾯，看⼀下时间有没有超过预定的时间，如果已经过时了，我们从新获取最新数据，没超过我们使⽤本地数据。
本地存储都是明⽂存储
对于重要的信息我们⼀般不要存储到本地，如果⾮要存储的话我们需要把存储的信息进⾏加密
可逆转加密：加密完成还可以解密回来
不可逆转加密:MD5　
以上这篇基于js 本地存储(详解)就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。