‍‍今天完成的事情：1.完成小课堂ppt的制作。‍‍‍‍

2.学习一些本地储存知识。

明天计划的事情：完成任务二

收获：HTML5storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。Html5的storage是存储在你的计算机上，网站在页面加载完毕后可以通过JavaScript来获取这些数据。

1、sessionStorage

检测

!!window.sessionStorage;

常用方法

.key = value

.setItem(key,value)

.getItem(key)

.removeItem(key)

.clear()

2、localStorage

检测

!!window.localStorage;

方法和sessionStorage相同

说明：

1. local storage把只把数据存储在了客户端使用，不会发送的服务器上（除非你故意这样做）。
2. 而且对于某一个域下来说，local storage是共享的（多个窗口共享一个“数据库”）。
3. localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

3、Database Storage

对简单的数据存储，使用sessionStorage和localStorage能够很好地完成，但是在对琐碎的关系数据进行处理之外，它就力所不及了。而这正是 HTML 5 的“Web SQL Database”API 接口的应用所在。

4、globalStorage

这个也是html5中提出来，在浏览器关闭以后，使用globalStorage存储的信息仍能够保留下来，localStorage一样，域中任何一个页面存储的信息都能被所有的页面共享

‍‍‍‍‍‍