浏览器对localstorage的支持情况以及localstorage在saas系统中的应用实践思考

首先,还是要说,任何一种新特性的引入,通常有着其特有的场景和解决的目标需求,localstorage也一样。在我们的应用场景中,主要在金融业务服务的saas系统。其中涉及很多更改频率很多的元数据的客户端缓存问题,这是我们使用它的一个关键因素,document之间的传递则不是我们选择它的原因,因为我们可以在框架层面自行统一处理。

各浏览器对localstorage的支持情况如下:

浏览器对localstorage的支持情况以及localstorage在saas系统中的应用实践思考

简单的讲,localStorage的原理就是浏览器为每个域名划出一块本地存储空间,用户网页可以通过localStorage命名空间进行读写。比如:

localStorage.name='hello';//会在本地写入hello

如果把这个网页开多个窗口,那么对这个变量的修改就会影响到每个窗口。就这么简单。

各浏览器的实现规格如下:

浏览器对localstorage的支持情况以及localstorage在saas系统中的应用实践思考

需要注意的是localstorage的大小不是无限的,每个浏览器有自己的限制,如下:

浏览器对localstorage的支持情况以及localstorage在saas系统中的应用实践思考

同时,还需要注意的是,localStorage没有超时的概念,需要客户端进行自行管理。

知道了其基本原理和限制之后,因为很多的配置类数据其变更频率很低,我们就可以通过websocket结合或者在设计时增加标识(版本号或者时间戳)的方式实现增量更新。这样不仅大幅度降低服务端峰值负载,客户端体验也大大提高。

如果只是指望其自动解决问题是不太现实的。

相关操作可参考如下:

http://blog.csdn.net/cengjingcanghai123/article/details/49737007

上一篇:npm包的上传npm包的步骤,与更新和下载步骤


下一篇:HTML5本地存储Localstorage