html在线储存,html数据储存

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

突然想起老师以前提过做一个记录轨迹的本地应用，当时还不了解怎么储存数据，只能零时记录下一个值存储在一个数组里面，刷新后就消失了，只有一直开着才能实现完整的功能。

这几天在看w3school的时候看到关于web存储的那一片，终于可以把这个问题解决了。

在w3school中提到两种客户端存储数据的方法：localStorage和sessionStorage。

两种方法存在一些区别：localStorage是不受时间限制的数据存储，即使刷新或者重启浏览器都不会删除，而sessionStorage刷新后就会消失，在chrome浏览器中，我们可以进入开发者模式，打开Application,在storage列表中看到Local Storage和Session Storage我们可以查看浏览器保存下来的Local Storage。

使用localStorage可以在不影响网站性能前提下存储大量数据，

需要注意的是，每个网站只能访问自己的那个数据(其实这也是毋庸置疑的，可以互相访问岂不是非常危险)

其实以上两个存储对象过去的实现都是通过cookie实现但是cookie并不适合大量数据的存储，所以出现的storage可以解决这个问题。

关于存储的问题，还有浏览器Cookie和Cache这两个形式，

Cookie用在与服务器的请求中，不论是否需要都会携带，常常用在密码和验证上，在登录过后，跳转到下一个页面继续保持登录状态就需要用到Cookie了。

Cache呢，缓存是保存一些从服务器接受的数据和session很像，但是当超过一定额度时会自动清除，这些没被清除的内容，即使离线状态也可以访问。