webapp开发‘记住密码’的实现

      近段时间开发webAPP需要实现记住密码这一简单的功能，发现了一个有趣的东西——localStorage。为了大家更好的认识和使用，下面简单介绍一下它。

      localStorage作为HTML5本地存储web storage特性的API之一，主要作用是将数据保存在客户端中，而客户端一般是指上海网站设计用户的计算机。在移动设备上，由于大部分浏览器都支持web storage特性，因此在android和ios等智能手机上的web浏览器都能正常使用该特性。 localStorage保存的数据，一般情况下是永久保存的，也就是说只要采用localstorage保存信息，数据便一直存储在用户的客户端中。即使用户关闭当前web浏览器后重新启动，数据让然存在。知道用户或程序明确制定删除，数据的生命周期才会结束。

       在安全性方面，localstorage是域内安全的，即localstorage是基于域的。任何在该域内的所有页面，都可以访问localstorage数据。但让然存在一个问题，就是各个浏览器厂商的浏览器之间的数据是各自独立的。也就是说，如果在firefox中使用localstorage存储一组数据，在chrome浏览器下是无法读取的。同样，由于localstorage数据是保存在用户的设备中的，因此同一个应用程序在不同设备上保存的数据是不同的。

从图中可以看出，很多低版本的浏览器已经支持它了。

   下面介绍一下语法：是不是看起来很像数据结构hash的存储。

1 window.localStorage.getItem( key );从本地获取值
2 window.localStorage.setItem( key, value );将值保存到本地
3 window.localStorage.removeItem( key );从本地删除
4 window.localStorage.clear();全部删除
5 window.localStorage.length;
6 window.localStorage.key( i );