8种机械键盘轴体对比
本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？
一，Storage
说到本地存储，大家肯定会想到Cookie。但是由于Cookie太小,大概只能存储4KB的数据，并且IE6每个域名只允许存20个Cookie。这对于现如今的web前后端越来越多的交互，4kb的存储显然是不够的。所以我就就需要用到H5的Storage。当然cookie并不是一无是处，它兼容性好，基本都兼容，如果存储的数据很小，首选当然还是cookie。
二，Storage的兼容情况Storage 的兼容情况很好 IE 8+, Firefox, Opera, Chrome, 和 Safari都支持Web， 只有IE 7及 更早版本不支持。 PS：开发中 Storage 在IE下需要我们的页面运行在服务器或者本地服务器才允许访问。
三，Storage说明及APIStorage 又分为两种 即 sessionStorage 与 localStorage
sessionStorage
从字面意思上我们就可以看出sessionStorage是将数据保存在session 页面关闭，存储就没了并且只能在本页面访问，其余页面不可访问。
localStorage
责是将数据保存在本地，除非主动删除，不然永远都不会消失，共享，同域名下访问畅通无阻。Ps: Storage 官方建议每个网站最大存储为5M
然而不管是sessionStorage还是localStorage 他们的API和使用方法都是相同的，除了前者为临时性储存并且为不共享，后者为永久性储存并且同域名下共享外他们几乎一样。
setItem()
设置数据，keyvalue类型，类型都是字符串
可以用获取属性的形式操作window.sessionStorage.setItem(key,value); //设置
window.localStorage.setItem(key,value); //设置
getItem()
获取数据，通过key来获取到相应的valuewindow.sessionStorage.setItem(key); //获取
window.localStorage.setItem(key); //获取
removeItem()
删除数据，通过key来删除相应的valuewindow.sessionStorage.removeItem(key); //删除
window.localStorage.removeItem(key); //删除
clear()
删除全部存储的值window.sessionStorage.clear(); //删除全部
window.localStorage.clear(); //删除全部
key(index)
指定index获取到key的名称,index为索引值
存储事件
当数据有修改或删除的情况下，就会触发storage事件
Key : 修改或删除的key值，如果调用clear(),key为null
newValue : 新设置的值，如果调用removeStorage(),key为null
oldValue : 调用改变前的value值
storageArea : 当前的storage对象
url : 触发该脚本变化的文档的urlwindow.addEventListener('storage',function(ev)
{ //在对数据进行改变的窗口对象上是不会触发的
alert('变变变);
console.log( ev.key );
console.log( ev.newValue );
console.log( ev.oldValue );
console.log( ev.storageArea );
console.log( ev.url );}Ps:可同时开启两个相同的页面，修改一个页面的数据，观察另一个页面的变化
