项目中的数据如何保存？

• 方式1：保存在服务器端——商品信息、用户信息、帖子
• 方式2：保存在客户端——浏览记录、登录信息、内容定制

Web的客户端端存储技术有哪些？

• (1)Cookie
  优势：兼容性好
  不足：操作繁琐，数据长度有限制（如4KB）
• (2)Flash
  优势：大小没有限制
  不足：依赖于Flash允许环境
• (3)Web Storage
  优势：大小可达到8MB，操作简单
  不足：HTML5新特性
• (4)IndexedDB —— 课下自学
  优势：大小没有限制，使用JS操作的一种客户端的数据库
  不足：操作稍显复杂

HTML5中的Web Storage技术涉及两个新对象

• window.sessionStorage 会话级存储，其中的数据可以在一次会话中的多个页面中共享——数据存储在浏览器进程内存中。

sessionStorage.setItem(key, value)
var value = sessionStorage.getItem(key)
sessionStorage.removeItem(key)
sessionStorage.clear()
sessionStorage.key(i)
sessionStorage.length

• window.localStorage——跨会话级存储/本地存储，其中的数据即使关闭浏览器/电脑，下次仍然可以访问——数据存储在文件系统的磁盘文件中。

localStorage.setItem(key, value)
var value = localStorage.getItem(key)
localStorage.removeItem(key)
localStorage.clear()
localStorage.key(i)
localStorage.length

注意：如果localStorage中的数据发生了改变，所有已打开的当前网站的浏览器窗口，都会自动触发window.onstorage事件，从而可以得到本地存储的数据已被修改。

Session：一个会话，指客户端连接到服务器后，在一段时间内的先后发起的多个请求，即一个会话中可能包含多个页面内容。只要浏览器不关闭，此次会话就一直存在；反之浏览器一关闭，会话就结束了。