有域名后续怎么做网站/2022黄页全国各行业

localStorage

HTML5提供了两种在客户端存储数据的方法

• localstorage—没有时间限制
• sessionstorage—针对一个session的存储
  注意，在HTML5之前，存储数据都是通cookie来完成的

常用方法

1. window.localStorage.setItem(key, value)
2. window.localStorage.getItem(key)
3. window.localStorage.remove(key) // removeItem()和deleteItem()
4. window.localStorage.clear() // 清除localstorage存储的所有数据
5. window.localStorage.length // 获取存储数据的总数
6. window.localStorage.key(i) // 获取存储的key值
7. 当存储的数据量比较多时，可以先把数据存储在数组中，然后把数组转为JSON格式的数据进行存储，用到的方法主要是JSON.stringify()和JOSN.parse()
   特点:
   1.永久存储，永不丢失，除非手动删除数据。
   2.本地存储只能存储字符串，任何类型的数据在存储之前都会被自动转为字符串进行存储，在有些设备下使用setItem方法时，可以会报错，这是只要在使用之前先进行removeItem操作即可。还有一点需要注意的就是localStorage存储的数据是不能跨浏览器共享的，也就是说存储在浏览器下的数据只能在当前这个浏览器下被访问使用，现在各个浏览器的存储空间均为5M

sessionStorage

是一个全局对象，它维护着一个页面会话期间的有效的存储空间，只要浏览器打开，这个会话周期就会一直存在。每在一个新的窗口或者一个新的标签页打开一个页面，都会初始化一个新的会话，也就是说其针对一个session进行数据存储。
当浏览器被意外刷新的时候，一些临时数据应当被保存和恢复。sessionStorage 对象在处理这种情况的时候是最有用的。sessionStorage自动保存一个文本域中的内容，如果浏览器被意外刷新，则恢复该文本域中的内容，所以不会丢失任何输入的数据。

session的大小是没有任何限制的，可以存储任何类型的对象数据
引用场景
保存用户登陆信息
购物车
阻止非法登陆
将同一个数据放在session中供同一用户不同页面所使用

cookie

如果不在浏览器中设置cookie的过期时间，cookie被保存在内存中，生命周期随着浏览器的关闭而结束，那么cookie会在浏览器关闭之后销毁。这种cookie也被叫做会话cookie。
反之，如果设置了cookie的过期时间，此时cookie会被保存在硬盘中，其会在设置的时间到了之后自动进行销毁
cookie是服务器返回给客户端的信息，是以文本的形式存储在客户端，每次发送请求时都会带上它。大小大约是4k
IE浏览器有自己的UserData，大小是64k，也可以用作在客户端存储数据，但是只能被IE浏览器自己所识别。
注意，cookie只能以文本的形式保存字符串。
引用场景
判断用户是否登陆
浏览计数
保存上次查看的页面

在介绍application cache之前，先认识一下cookie和session的安全性

• 对cookie进行攻击，可以采用cookie攻击或者cookie欺骗、cookie截获
• sessionID是存储在cookie中的，也就是说要想拿到sessionID就必须先攻破cookie防守，但是即使拿到sessionID也不一定可以进行解密，原因如下：
  • sessionID要在进行登陆或者手动进行session_start开启之后才可以拿到，所以攻破cookie也不一定可以拿到sessionID
  • 前一次的sessionID会在第二次进行session_start重启之后自动销毁
  • sessionID会在session过期之后也自动失效
  • sessionID是加密的
  • 综上，要想在短时间内攻破cookie拿到sessionID，并且顺利破解加密的sessionID难度是相当大的。

application cache

HTML5引入了应用程序缓存，其优点如下

• 离线浏览
• 速度快
• 减少服务器负载
  参考