关于前端localStorage的应用

localStorage是HTML5新增的一大功能，也是浏览器的开创性功能，现在前端开发，基本上都会应用这个功能。

我们首先要认识到localStorage是以key/value的形式存储的。我们设置一个存储变量的时候，通常用localStorage.key=value,或者localStorage.setItem(key,value)。获取一个值得时候，是用localStorage.Item(key)或者直接就localStorage.key也可以。然后清除某个值的时候可以用localStorage.clear(key)。如果是localStorage.clear()没有参数的情况下，那么就是清除所有的localStorage所存储的内容。所以，从这看来，localStorage的方法其实很简单，那么我们关键是要掌握它的应用情景：

第一，如果一次性从后台请求的数据较多时，并且后面的交互有可能再利用时，我们可以一次性把数据存到localStorage里，后面需要数据时，就不用又发起请求了，直接就从本地存储里面读就可以了。

第二，当不同页面发生跳转，并且需要传参数时，那么怎么办?我们可以把参数在跳转之前存到localStorage里，然后再跳转，跳转到的新页面在初始化的时候就可以读取localStorage里的值。这样就轻松实现了不同页面之间传参了。

以上，是我主要认识到的两点用法。希望高手们多多指教。

 

转载于:https://my.oschina.net/u/2604302/blog/753974