6-6 存储
2017-11-06 本文已影响3人
留白_汉服vs插画
![](https://img.haomeiwen.com/i2037656/926b4a6387025aeb.png)
![](https://img.haomeiwen.com/i2037656/a83103a0f70e7900.png)
cookie会越来越少,后两个越来越多,但是还要理解三个。但是cookie还有别的用途。cookie劣势以及后两个优势要说出来。
![](https://img.haomeiwen.com/i2037656/8633908e220d0edf.png)
本身的功能会一直存在的。后面本地存储的功能会被替代。
用的时候比较麻烦,就是一个字符串。本地存储的时候,要用key value对象形式存储,不能就一个信息。
![](https://img.haomeiwen.com/i2037656/8ab6a0329638eef6.png)
看一下cookie,不管你请求一个什么,图片,js,页面,所有与服务器端交互的请求,都会把cookie带进去。所以是与服务器端通讯的一个工具。但是又有本地存储能力。
![](https://img.haomeiwen.com/i2037656/a4b60b2d9720396e.png)
这里本地存储的一个功能。
携带到请求中,所以必须只有4KB,太大的话,每次请求都带着,马上没有流量了。
![](https://img.haomeiwen.com/i2037656/319e4a9f2face93c.png)
存储不可能只存一个东西。很多很多数据,怎么可能只用一个字符串解决呢?所以要拆解封装
![](https://img.haomeiwen.com/i2037656/c2cf4eea13f248ea.png)
不用请求中带着,所以可以比较大。
上面两个区别:
sessionStorage 浏览器关了就清理。session [ˈsɛʃən] 一段时间;
locationStorage不手动清理,就不会清理。两个api是一样的。
![](https://img.haomeiwen.com/i2037656/8311373dd1d0b1a2.png)
有一个坑:
![](https://img.haomeiwen.com/i2037656/8acdf56fcc709fd8.png)
![](https://img.haomeiwen.com/i2037656/1be24c15fc4f0e36.png)
前一个4kb,后面5兆
前面cookie每次请求都会带,后面两个不会带,只做存储。
cookie需要自己封装,而且封装算是比较麻烦。几十一百行代码。后面两个很容易实现。
cookie 是 http 请求中的一部分数据,也可被用来作为浏览器存储处理(属于借用)。因此你在回答的时候,重点讲清楚其再 http 请求中的作用和注意事项即可。