WebStorage介绍WebStorage的好处减少网络流量：一旦数据存储在本地，就可以避免向服务器请求数据，从而减少不必要的数据请求，减少数据在浏览器和不必要的回访在服务器之间传递。快速显示数据的性能不错。在本地读取数据比通过网络从服务器获取数据要快很多，而且可以即时获取本地数据。另外，网页本身也可以有缓存，所以如果整个页面和数据都在本地，可以立即显示出来。暂存：很多时候，数据只需要在用户浏览一组页面的时候用到，关闭窗口后数据就可以丢弃了。这种情况下使用sessionStorage就很方便了。sessionStorage和localStorage不会自动将数据发送到服务器，只是保存在本地。sessionStorage和localStorage虽然也有存储大小的限制，但是比cookie大很多，可以达到5M甚至更大。WebStorage支持事件通知机制，可以向监听器发送数据更新的通知。WebStorage的api接口使用起来更方便。WebStorageHTML5提供了两种在客户端存储数据的新方法==localStorage==和==sessionStorage==localStorage用于在会话（session）中本地存储数据。同一个session中的页面只能被访问，session结束时数据会被销毁。sessionStorage用于持久本地存储。除非主动删除数据，否则数据永远不会过期。LocalStorage和sessionStorage有相同的操作方法setItem存值目的：存值到关键字段用法：.setItem(key,value)代码示例：sessionStorage.setItem("key","value");localStorage.setItem("site","js8.in");getItem获取值目的：获取指定键在本地存储的值用法：.getItem(key)代码示例：varvalue=sessionStorage.getItem("key");varsite=localStorage.getItem("站点");removeItemdeletekey目的：删除本地存储的指定key的值用法：.removeItem(key)代码示例：sessionStorage.removeItem("key");localStorage.removeItem("网站");clear清除所有键/值目的：清除所有键/值用法：.clear()代码示例：sessionStorage.clear();localStorage.clear();sessionStorage和localStorage有不同的有效期和数据范围，sessionStorage在不同的浏览器窗口是不共享的，即使是同一个页面；localStorage在所有同源窗口共享，数据的有效期不同。sessionStorage：只在当前浏览器窗口关闭之前有效，自然不可能长期保存；localStorage：一直有效，窗口或浏览器关闭。保存，所以用作持久数据cookie介绍Cookies：存储在用户本地终端上的数据，有时也被称为cookies，是指一些网站为了识别用户身份和进行会话跟踪而存储在本地终端上的数据，通常是加密的。一般应用最典型的案例就是判断注册用户是否已经登录网站。(path)的概念可以限制cookies只属于某个路径。存储大小限制也不同。cookie数据不能超过4k。同时，由于每个http请求都会携带一个cookie，cookie只适合保存小数据，比如sessionID####cookies的使用需要一个简单的静态服务器来做开发环境，nodejs，python一句话，php都有一个静态服务器的工具。cookies的使用需要自己封装插件。有兴趣的朋友可以使用这个cookie插件https://github.com/hxj886600/...
