牛骨文教育服务平台(让学习变的简单)
博文笔记

JavaScript本地存储实践localStorage

创建时间:2015-12-13 投稿人: 浏览次数:189

本地存储

解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。


缓存方案 特点 限制
Cookie 在web中得到广泛应用,但局限性非常明显,容量太小,
有些站点会因为出于安全的考虑而禁用cookie,cookie没有想象中的那么安全,
Cookie 的内容会随着页面请求一并发往服务器。
① cookie大小限制在4k左右,不适合存业务数据
② cookie每次随HTTP事务一起发送,浪费带宽
User Data 是微软为IE专门在系统中开辟的一块存储空间,所以说只支持Windows+IE的组合  
Google Gears Google的离线方案,已经停止更新,官方推荐使用html5的localStorage方案。  
localStorage 相对于上述本地存储方案,localStorage有自身的优点:容量大(5MB)、易用、强大、原生支持;缺点是兼容性差些(chrome,  safari, firefox,IE 9,IE8都支持 localStorage,主要是IE8以下版本不支持)、安全性也差些(所以请勿使用localStorage保存敏感信息) ① localstorage大小限制在500万字符左右,各个浏览器不一致
② localstorage在隐私模式下不可读取
③ localstorage本质是在读写文件,数据多的话会比较卡(firefox会一次性将数据导入内存,想想就觉得吓人啊)
④ localstorage不能被爬虫爬取,不要用它完全取代URL传参

离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源

localstorage的限制

localStorage是HTML5新增的方法,它允许JavaScript在用户计算机硬盘上永久储存数据(除非用户主动删除)。
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。