localstorage

HTML5 LocalStorage 本地存储 说到本地存储，这玩意真是历尽千辛万苦才走到 HTML5 这一步，之前的历史大概如下图所示： 最早的 Cookies 自然是大家都知道，问题主要就是太小，大概也就 4KB 的样子，而且 IE6 只支持每个域名 20 个 cookies ，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用 cookies 的用户也都慢慢的不存在了，就好像以前禁用 javascript 的用户不存在了一样。 userData 是 IE 的东西，垃圾。现在用的最多的是 Flash 吧，空间是 Cookie 的 25 倍，基本够用。再之后 Google 推出了 Gears ，虽然没有限制，但不爽的地方就是要装额外的插件（没具体研究过）。到了 HTML5 把这些都统一了，官方建议是每个网站 5MB ，非常大了，就存些字符串，足够了。比较诡异的是居然所有支持的浏览器目前都采用的 5MB ，尽管有一些浏览器可以让用户设置，但对于网页制作者来说，目前的形势就 5MB 来考虑是比较妥当的。 支持的情况如上图， IE 在 8.0 的时候就支持了，非常出人意料。不过需要注意的是， IE 、 Firefox 测试的时候需要把文件上传到服务器上（或者 localhost ），直接点开本地的 HTML 文件，是不行的。 首先自然是检测浏览器是否支持本地存储。在

php的会话控制，什么是会话控制，http等。 什么是会话控制思想，http协议。 cookie 和 session http是超文本传输协议，是网络上最广泛的一种网络协议。 http最大特点是无连接无状态，clinet到http request到server，server到http response到clinet。 建立一个连接，连接完结束了。 cookie保存在客户端中，内存中的cookie，由浏览器维护，保存在内存中，浏览器关闭后就没了，保存在硬盘中的 cookie，有一个过期时间，除非手动清除和过期时间过了。 cookie使用场景 Cookie：达成服务器和浏览器之间长久连接的状态。 浏览器的cookie以小文件的形式保存在客户端中。 作用：长期登录，购物车。 设置cookie: bool setcookie($name,$value,$expire,$path,$domain,$secure,$httponly); $expire:默认为0s。time() 认识COOKIE？ 1.cookie是存储在客户端中的，至于怎么存储，存储的文件是什么这和服务器没有关系，和客户端有关系。 2.COOKIE过期了，也是客户端来判断要不要传递给服务器，如果过期了就删除对应的COOKIE文件。用户也可以手动的清理COOKIE，那么之前保存的COOKIE就全部不见了 3

HTML5 LocalStorage 本地存储 说到本地存储，这玩意真是历尽千辛万苦才走到 HTML5 这一步，之前的历史大概如下图所示： 最早的 Cookies 自然是大家都知道，问题主要就是太小，大概也就 4KB 的样子，而且 IE6 只支持每个域名 20 个 cookies ，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用 cookies 的用户也都慢慢的不存在了，就好像以前禁用 javascript 的用户不存在了一样。 userData 是 IE 的东西，垃圾。现在用的最多的是 Flash 吧，空间是 Cookie 的 25 倍，基本够用。再之后 Google 推出了 Gears ，虽然没有限制，但不爽的地方就是要装额外的插件（没具体研究过）。到了 HTML5 把这些都统一了，官方建议是每个网站 5MB ，非常大了，就存些字符串，足够了。比较诡异的是居然所有支持的浏览器目前都采用的 5MB ，尽管有一些浏览器可以让用户设置，但对于网页制作者来说，目前的形势就 5MB 来考虑是比较妥当的。 支持的情况如上图， IE 在 8.0 的时候就支持了，非常出人意料。不过需要注意的是， IE 、 Firefox 测试的时候需要把文件上传到服务器上（或者 localhost ），直接点开本地的 HTML 文件，是不行的。 首先自然是检测浏览器是否支持本地存储。在

说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： 最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家 都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。 userData是IE的东西，垃圾。现在用的最多的是Flash吧，空间是Cookie的25倍，基本够用。再之后Google推出了Gears，虽然 没有限制，但不爽的地方就是要装额外的插件（没具体研究过）。到了HTML5把这些都统一了，官方建议是每个网站5MB，非常大了，就存些字符串，足够 了。比较诡异的是居然所有支持的浏览器目前都采用的5MB，尽管有一些浏览器可以让用户设置，但对于网页制作者来说，目前的形势就5MB来考虑是比较妥当 的。 支持的情况如上图，IE在8.0的时候就支持了，非常出人意料。不过需要注意的是，IE、Firefox测试的时候需要把文件上传到服务器上（或者localhost），直接点开本地的HTML文件，是不行的。 首先自然是检测浏览器是否支持本地存储。在HTML5中，本地存储是一个window的属性，包括localStorage和 sessionStorage，从名字应该可以很清楚的辨认二者的区别

　　HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 localStorage 为例，简要介绍下 html5 的本地存储，并针对如遍历等常见问题作一些示例说明。 localStorage 是 Html5 本地存储的 API，使用键值对的方式进行存取数据，存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异，如使用方法、最大存储空间等。　 　　存储方式：以键值对(Key-Value)的方式存储字符串。 　　主要应用： 购物车、客户登录、游戏存档。。。 　　可储存的数据类型： 数组，图片，json，样式，脚本。。。（只要是能序列化成字符串的内容都可以存储） 　　 储存地址： C:\Users\15014\AppData\Local\Google\Chrome\User Data\Default\Local Storage（不同电脑不一样，需要打开隐藏文件显示，但是在C盘搜索localStorage就能搜出这个文件夹。） localStorage的优势 1、localStorage拓展了cookie的4K限制 2、localStorage会可以将第一次请求的数据直接存储到本地

本地存储localstorage localstorage 是 HTML5 提供的在 客户端 存储数据的新方法，主要作用是将数据保存在客户端中，并且数据是 永久保存 的，除非人为干预删除。 localstorage 作为本地存储来使用，解决了 cookie 存储空间不足的问题： cookie 中每条cookie的存储空间为4k，但 localStorage 的存储空间有5M大小。另外，相比于cookie， localStorage 可以 节约带宽 ，在同一个域内，浏览器每次向服务器发送请求，http都会带着cookie，使cookie在浏览器和服务器之间来回传递，浪费带宽，但localStorage将第一次请求的数据直接存储到本地，避免了来回传递。 localstorage 的局限 1、只有版本较高的浏览器中才支持 localstorage 2、localStorage的值的类型限定为string类型，使用 JSON 时需转换 3、如果存储内容过多会消耗内存空间，导致页面变卡，因为localStorage本质上是对字符串的读取 localstorage 有两种方法：分别是 localstorage 和 sessionStorage 。 sessionStorage 方法 针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除

本地存储localStorage以及它的封装接口store.js的使用 sublime-text chrome javascript readyGo 2016年11月20日发布 0 推荐 9 收藏， 2k 浏览 本地存储localstorage localstorage 是 HTML5 提供的在 客户端 存储数据的新方法，主要作用是将数据保存在客户端中，并且数据是 永久保存 的，除非人为干预删除。 localstorage 作为本地存储来使用，解决了 cookie 存储空间不足的问题： cookie 中每条cookie的存储空间为4k，但 localStorage 的存储空间有5M大小。另外，相比于cookie， localStorage 可以 节约带宽 ，在同一个域内，浏览器每次向服务器发送请求，http都会带着cookie，使cookie在浏览器和服务器之间来回传递，浪费带宽，但localStorage将第一次请求的数据直接存储到本地，避免了来回传递。 localstorage 的局限 1、只有版本较高的浏览器中才支持 localstorage 2、localStorage的值的类型限定为string类型，使用 JSON 时需转换 3、如果存储内容过多会消耗内存空间，导致页面变卡，因为localStorage本质上是对字符串的读取 localstorage 有两种方法：分别是

本地存储localstorage localstorage 是 HTML5 提供的在 客户端 存储数据的新方法，主要作用是将数据保存在客户端中，并且数据是 永久保存 的，除非人为干预删除。 localstorage 作为本地存储来使用，解决了 cookie 存储空间不足的问题： cookie 中每条cookie的存储空间为4k，但 localStorage 的存储空间有5M大小。另外，相比于cookie， localStorage 可以 节约带宽 ，在同一个域内，浏览器每次向服务器发送请求，http都会带着cookie，使cookie在浏览器和服务器之间来回传递，浪费带宽，但localStorage将第一次请求的数据直接存储到本地，避免了来回传递。 localstorage 的局限 1、只有版本较高的浏览器中才支持 localstorage 2、localStorage的值的类型限定为string类型，使用 JSON 时需转换 3、如果存储内容过多会消耗内存空间，导致页面变卡，因为localStorage本质上是对字符串的读取 localstorage 有两种方法：分别是 localstorage 和 sessionStorage 。 sessionStorage 方法 针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除

HTML5 LocalStorage 本地存储 说到本地存储，这玩意真是历尽千辛万苦才走到 HTML5 这一步，之前的历史大概如下图所示： 最早的 Cookies 自然是大家都知道，问题主要就是太小，大概也就 4KB 的样子，而且 IE6 只支持每个域名 20 个 cookies ，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用 cookies 的用户也都慢慢的不存在了，就好像以前禁用 javascript 的用户不存在了一样。 userData 是 IE 的东西，垃圾。现在用的最多的是 Flash 吧，空间是 Cookie 的 25 倍，基本够用。再之后 Google 推出了 Gears ，虽然没有限制，但不爽的地方就是要装额外的插件（没具体研究过）。到了 HTML5 把这些都统一了，官方建议是每个网站 5MB ，非常大了，就存些字符串，足够了。比较诡异的是居然所有支持的浏览器目前都采用的 5MB ，尽管有一些浏览器可以让用户设置，但对于网页制作者来说，目前的形势就 5MB 来考虑是比较妥当的。 支持的情况如上图， IE 在 8.0 的时候就支持了，非常出人意料。不过需要注意的是， IE 、 Firefox 测试的时候需要把文件上传到服务器上（或者 localhost ），直接点开本地的 HTML 文件，是不行的。 首先自然是检测浏览器是否支持本地存储。在

原文地址： http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/html5-localstorage/ html5 提供两种新的客户端存储数据的方法：localStorage和sessionStorage。 localStorage 方法是长期保存，存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。而 sessionStorage 方法是临时保存，针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。 这里主要讲解一下localstorage 的用法。 localstorage官方建议5M的存储空间，它只能存储字符串格式的数据，所以最好在每次存储时把数据转换成json格式，取出的时候再转换回来。 例如我用的是angularjs： localStorage.setItem(“name”,angular.toJson(panda)); localStorage 主要 有以下几种方法： setItem(“key”,“value”) ：存储名字为key 的一个值value ，如果key存在，就更新value getItem(“key”)：获取名称为key的值，如果key不存在则返回null removeItem(“key”) ： 删除名称为 “key” 的信息