区别一：存储数据大小不同1.cookie的存储数据大小在不能超过4kb，每个页面最多存储20个cookie2.localStorage能达到10mb，sessionStorage能达到5mb，虽然容量比cookie大，但是localStorage是同步执行，太大会影响渲染进度 区别二：兼容性1.浏览器都能支持cookie2.但是只有现代浏览器能支持Web存储 区别三：访问1.当cookie和localStroage被保存下来以后，所有窗口都能访问（前提需要同源）2.sessionStorage仅在当前窗口有效，相对安全性高很多 区别四：有效期1.cookie可以手动设置有效期2.localSt

本文是深入浅出ahooks源码系列文章的第九篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。今天来看看ahooks是怎么封装cookie/localStorage/sessionStorage的。cookieahooks封装了useCookieState，一个可以将状态存储在Cookie中的Hook。该hook使用了js-cookie这个npm库。我认为选择它的理由有以下：包体积小。压缩后小于800字节。自身是没有其它依赖的。这对于原本就是一个工具库的ahooks来讲是很重要的。更好的兼容性。支持所有的浏览器。并支持任意的字符。当然，它还有其他的特点，比如支持E

本文是深入浅出ahooks源码系列文章的第九篇，该系列已整理成文档-地址。觉得还不错，给个star支持一下哈，Thanks。今天来看看ahooks是怎么封装cookie/localStorage/sessionStorage的。cookieahooks封装了useCookieState，一个可以将状态存储在Cookie中的Hook。该hook使用了js-cookie这个npm库。我认为选择它的理由有以下：包体积小。压缩后小于800字节。自身是没有其它依赖的。这对于原本就是一个工具库的ahooks来讲是很重要的。更好的兼容性。支持所有的浏览器。并支持任意的字符。当然，它还有其他的特点，比如支持E

相同点：都存储在客户端不同点：（1）存储大小·cookie数据大小不能超过4k。·sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。（2）有效时间·localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；·sessionStorage数据在当前浏览器窗口关闭后自动删除。·cookie设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭（3）数据与服务器之间的交互方式·cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端·sessionStorage和localStora

相同点：都存储在客户端不同点：（1）存储大小·cookie数据大小不能超过4k。·sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。（2）有效时间·localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；·sessionStorage数据在当前浏览器窗口关闭后自动删除。·cookie设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭（3）数据与服务器之间的交互方式·cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端·sessionStorage和localStora