- 浏览: 17276 次
本地存储方式有很多种,cookie、localstorage、sessionstorage、userData、Flash、Globalstorage等方式。
本地存储的优点是:
一、避免取回数据前页面一片空白,如果不需要最新的数据,也可以减少向服务器的请求次数,从而减少用户等待从服务端获取数据的时间;
二、网络状态不佳时,仍可以显示离线数据。
那么对比一下不同的本地存储方式之间的区别:
1、cookie ,客户端用来存储数据的一种选项,既可以在客户端设置也可以在服务端设置,cookie会跟随任意HTTP请求一起发送。各浏览器都支持,可以控制生命周期,但是有大小限制,也会增加流量,而且可能会被客户端禁用。
2、localstorage,大小得到扩充,大多数桌面浏览器会设置每个来源5MB的限制,谷歌和Safari对每个来源的限制是2.5MB。iOS的Safari和Android的webkit的限制也是2.5MB,不受窗口的影响,缺点是一经初始化后就长期存储在本地,不受会话长短的影响,若想删除,必须得手动清理。
3、sessionstorage,大小得到扩充,生命周期为一个会话周期,即从打开到关闭浏览器窗口,当然,必须是在线用户,必须是同一窗口,不同窗口之间的sessionstorage是不同的。
4、userData,可控生命周期,存储容量得到扩充,单个文件大小为128kb,一个域名下可存储1024kb的文件,但是只能在Windows+IE环境。
5、Flash,大小得到扩充,且各个浏览器都支持,但是需要在用的地方都引入.swf文件和大量的js,比较繁琐。
6、Globalstorage,在浏览器关闭以后,使用Globalstorage存储的信息仍能够保存下来,和sessionstorage一样,同一域中任何一个页面存储的信息都能被所有的页面共享,但是只支持FF,并且只支持当前域下的Globalstorage存储。
本地存储的优点是:
一、避免取回数据前页面一片空白,如果不需要最新的数据,也可以减少向服务器的请求次数,从而减少用户等待从服务端获取数据的时间;
二、网络状态不佳时,仍可以显示离线数据。
那么对比一下不同的本地存储方式之间的区别:
1、cookie ,客户端用来存储数据的一种选项,既可以在客户端设置也可以在服务端设置,cookie会跟随任意HTTP请求一起发送。各浏览器都支持,可以控制生命周期,但是有大小限制,也会增加流量,而且可能会被客户端禁用。
2、localstorage,大小得到扩充,大多数桌面浏览器会设置每个来源5MB的限制,谷歌和Safari对每个来源的限制是2.5MB。iOS的Safari和Android的webkit的限制也是2.5MB,不受窗口的影响,缺点是一经初始化后就长期存储在本地,不受会话长短的影响,若想删除,必须得手动清理。
3、sessionstorage,大小得到扩充,生命周期为一个会话周期,即从打开到关闭浏览器窗口,当然,必须是在线用户,必须是同一窗口,不同窗口之间的sessionstorage是不同的。
4、userData,可控生命周期,存储容量得到扩充,单个文件大小为128kb,一个域名下可存储1024kb的文件,但是只能在Windows+IE环境。
5、Flash,大小得到扩充,且各个浏览器都支持,但是需要在用的地方都引入.swf文件和大量的js,比较繁琐。
6、Globalstorage,在浏览器关闭以后,使用Globalstorage存储的信息仍能够保存下来,和sessionstorage一样,同一域中任何一个页面存储的信息都能被所有的页面共享,但是只支持FF,并且只支持当前域下的Globalstorage存储。
发表评论
-
audio 音频格式测试数据
2017-09-20 16:15 538压缩包内含 wav格式语音,aac 格式语音和H.264 格式 ... -
web 端录音
2017-09-12 17:22 464<!DOCTYPE html> <ht ... -
js 获取浏览器类型和版本
2017-09-12 16:03 604function getExplore(){ var ... -
本地存储——cookie
2017-02-09 11:44 381cookie是客户端用来存储数据的一种选项,既可以设 ... -
sublime text3 中文乱码
2016-11-29 17:19 386换了一个编译器,sublime text3, 但是存在中文乱码 ... -
CSS背景图与html插入img的区别
2016-11-01 19:03 3851、css中的图片以背景图形式存在,写在 ... -
HTTP 的三次握手和四次挥手
2016-10-12 16:04 392网络由下往上分为7层:物理层、数据链路层、网 ... -
SpriteSpin 一款图像360度旋转的jquery插件
2016-10-11 15:00 651在 web 页面上使用 jQuery 图像 36 ... -
Js冒泡排序
2016-09-29 17:02 340冒泡排序的原理是这样的,比方说有五个数字5432 ... -
圆形进度条(假的无限循环)
2016-08-30 11:21 927<div id="outer"& ... -
转载实用假进度条
2016-08-29 15:16 1480这是一款超酷CSS3 loading加载动画特效。该loadi ... -
hmtl 中div宽度不定时如何居中
2016-08-24 17:00 370传统的div居中方式margin: 0 auto;在div ... -
幻灯片式的图片点击切换
2016-08-16 17:09 347这是一款非常酷的纯css3响应式背景视觉差幻灯片插件。插件中使 ... -
工作后的第一篇博客
2016-08-16 10:59 383已经上班一个月零十一天了,也毕业两个月零十天了, ... -
JS性能优化的问题
2016-06-26 21:51 411一些关于JS性能的一些优化的小技巧: 1.关于JS的循环,循 ... -
前端中的MVC
2016-06-26 13:06 348标签: MVC是一种设计 ... -
手机页面自适应问题的解决方法(转)
2016-06-25 21:50 367其实主要就是改掉HTML页面声明: 在网页中加入以下代码, ... -
常见浏览器兼容问题(转载)
2016-06-25 21:30 301浏览器兼容问题一:不同浏览器的标签默认的margin和padd ... -
个人总结(二)
2016-06-20 15:04 357主流浏览器之间的差异: 谷歌浏览器Chrome支持自定义计划处 ... -
个人总结
2016-06-20 14:52 330H4和H5 的区别: h4的内容标签级别相同,无法区分各部分内 ...
相关推荐
本文将详细介绍本地缓存与分布式缓存的优缺点、使用场景,并对比其在实际应用中的差异。 本地缓存 本地缓存是指在应用程序内部的缓存组件,其最大优点是应用程序和缓存处于同一个进程内部,请求缓存非常快速,没有...
DES(Data Encryption Standard)是...总的来说,这个例子旨在演示如何使用DES加密技术来保护本地存储的用户名和密码。然而,在实际开发中,应当考虑使用更现代、更安全的加密标准和最佳实践,以确保用户信息的安全。
该任务会遍历指定目录,比较本地文件与MinIO上的文件状态,根据需要进行上传、下载或删除操作。 `MinioUtil.java`可能包含了MinIO客户端的初始化、文件操作的辅助方法等。例如,初始化`MinioClient`通常涉及提供...
这款插件适用于WordPress V4.3版本,这意味着它与当时WordPress的核心功能兼容,能够为用户提供便捷的远程图片抓取和本地存储服务。 描述中提及"本人已经测试过能用才上传的",这表明这个插件是经过实际验证的,...
- 可以使用Vscode中的Git插件,如 GitLens,来图形化地查看版本历史,这种方式更加直观易懂。 #### 五、总结 通过以上步骤,你可以有效地利用Git和Vscode来进行本地代码版本控制。这对于个人开发者和团队合作都...
### 云数据库VS本地数据库:现代数据存储的较量 #### 引言:数据存储的新纪元 随着云计算技术的快速发展,云数据库凭借其独特的优点,如弹性、便捷和成本效益等,正在逐步改变企业的数据存储策略。然而,在某些...
随着Web应用的发展,前端数据存储变得越来越重要,特别是在离线应用场景下,数据的本地存储显得尤为关键。一种广泛使用的本地存储方法是使用JavaScript中的localStorage对象。localStorage属于Web Storage的一种,...
云存储可能无法提供与本地存储相同级别的低延迟,这可能影响某些实时应用的性能。此外,数据迁移和供应商锁定也是潜在问题。大规模的数据迁移可能成本高昂,而且一旦依赖特定的云服务商,更换供应商可能会变得困难。...
1.1 直接附加存储(DAS):DAS是最传统的存储方式,直接将存储设备连接到服务器上,提供本地存储。这种方式简单易用,但存在扩展性差、资源共享困难等局限性。 1.2 存储区域网络(SAN):SAN是一种专门用于存储的...
【面向本地分布式存储系统的动态副本策略】 在当前的IT领域,分布式存储系统是解决大规模数据存储和处理的关键技术。随着科研需求的快速增长,对于存储性能和数据可靠性的要求不断提升,动态副本策略应运而生。本文...
3. 云备份与本地备份的比较 云备份的优点包括:易于扩展、成本效益高(按需付费)、数据恢复速度快(如果网络状况良好),并且通常提供灾难恢复选项。缺点可能包括依赖网络连接、潜在的安全风险以及对云服务供应商的...
在IT运维工作中,经常需要对比不同服务器上的文件或目录是否一致,特别是在对生产环境和测试环境进行对比时尤为重要。本文将详细解析一个用于比较两台服务器目录及文件是否一致的Shell脚本,并探讨其工作原理、应用...
标题“svn本地文件夹断开服务器连接”涉及的是在使用Subversion(简称svn)作为版本控制系统时,如何从本地工作副本中移除与服务器的连接并清理掉相关的.svn隐藏文件夹。Subversion是一个广泛使用的分布式版本控制...
自实现的UTC时间与本地时间的转换(这里只转换成了UTC0区,要到自己的时区自己加上偏移.同时实现了UTC到本地时间的转换和本地时间到UTC时间转换. UTC时间使用的是32位整型实现.没有使用64位.因此只能存储约132年之间的...
标题中的“安卓SQLite数据库相关-简易记事本支持新建页面确认自动换行记事本数据使用SQLite本地存储源码也有比较丰富的注释”表明这是一个关于Android应用开发的项目,特别涉及SQLite数据库的使用。这个应用是一个...
Maven的本地仓库是Maven存储下载的依赖的地方,当我们在Maven的pom.xml文件中声明了一个依赖,Maven会首先在本地仓库查找该依赖。如果本地仓库中没有,Maven就会去远程仓库(如Central Repository)下载。这个"java-...
本地路径供应器为Kubernetes用户提供了一种使用每个节点中的本地存储的方式。 根据用户配置,本地路径提供程序将在节点上自动创建基于hostPath的持久卷。 它利用了Kubernetes引入的,但使其比Kubernetes内置的local...
在本文中,我们将深入探讨如何使用JavaScript(JS)与HTML5的本地存储机制Localstorage来实现用户注册和登录的功能,并进行基本的验证。Localstorage是Web应用存储数据的一种方法,它允许开发者在浏览器中持久化地...
通过这些文件夹结构,我们可以看出这个O2O系统的设计是比较规范和模块化的,涵盖了从数据存储、用户交互到后台管理的多个层面。这样的设计有利于代码的维护和扩展,同时也便于开发团队协同工作。对于希望深入了解和...