前端三种本地存储方式区别
‘壹’ 前端本地存储有几种方式
三种：localStorage、sessionStorage、token
‘贰’ 说一下前端数据存储方式（cookies，localstorage，sessionstorage，indexedDB）的区别
Cookie最初是在客户端用于存储会话信息的，其要求服务器对任意HTTP请求发送Set-CookieHTTP头作为响应的一部分。cookie
以name为名称，以value为值，名和值在传送时都必须是URL编码的。浏览器会存储这样的会话信息，在这之后，通过为每个请求添加Cookie
HTTP头将信息发送回服务器。
localstorage
存储方式：
以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。
sessionstorage
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。
IndexedDB
索引数据库(IndexedDB) API（作为 HTML5 的一部分）对创建具有丰富本地存储数据的数据密集型的离线 HTML5 Web 应用程序很有用。同时它还有助于本地缓存数据，使传统在线 Web 应用程序（比如移动 Web 应用程序）能够更快地运行和响应。
‘叁’ 本地存储和云存储之间的区别
本地储存，资料存在本地硬件(硬盘)中，可以随时取出。
云储存，存在某软件开发商的服务器里，存取需要上网，离线状态无法访问。
‘肆’ 对象存储、文件存储和块存储有什么区别
对象存储、文件存储和块存储区别为：存储设备不同、特点不同、缺点不同。
一、存储设备不同
1、对象存储：对象存储的对应存储设备为swift，键值存储。
2、文件存储：文件存储的对应存储设备为FTP、NFS服务器。
3、块存储：块存储的对应存储设备为cinder，硬盘。
二、特点不同
1、对象存储：对象存储的特点是具备块存储的高速以及文件存储的共享等特性。
2、文件存储：文件存储的特点是一个大文件夹，大家都可以获取文件。
3、块存储：块存储的特点是分区、格式化后，可以使用，与平常主机内置硬盘的方式完全无异。
三、缺点不同
1、对象存储：对象存储的缺点是不兼容多种模式并行。
2、文件存储：文件存储的缺点是传输速率低。
3、块存储：块存储的缺点是不能共享数据。
‘伍’ 前端数据存储方式有哪些
为你总结了四种数据存储方式，希望可以帮到你：
1、Cookie
cookie 用于存储web页面的用户信息。
cookie 是一些数据，存储在你电脑上的文本文件中。当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息。Cookie的作用就是用于解决如何记录客户端的用户信息。
2、localStorage
允许在浏览器中存储key/value对的数据。
用于长期保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
属性是只读的。
如果你想浏览器窗口关闭后还保留数据，可以使用localStorage；如果你只想将数据保存在当前会话中，可以使用sessionStorage.
3、sessionStorage
允许在浏览器中存储key/value对的数据。
数据对象临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页之后也将删除这些数据。
4、indexedDB
索引数据库（indexDB）API（作为HTML5 的一部分）对创建具有吩咐本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用。
同时它还有助于本地缓存数据，使传统再现Web应用程序（比如移动 Web 应用程序）能够更快的运行和响应。
想要了解或者学习更多前端知识，推荐北京尚学堂，雄厚的师资力量带给你高效的学习体验。
‘陆’ 谁能简述三大网络存储
网络存储结构大致分为三种：直连式存储、网络存储设备和存储网络。
1、开放系统的直连式存储(Direct-Attached Storage，简称DAS)已经有近四十年的使用历史，随着用户数据的不断增长，尤其是数百GB以上时，其在备份、恢复、扩展、灾备等方面的问题变得日益困扰系统管理员。直连式存储与服务器主机之间的连接通道通常采用SCSI连接，随着服务器CPU的处理能力越来越强，存储硬盘空间越来越大，阵列的硬盘数量越来越多，SCSI通道将会成为IO瓶颈；服务器主机SCSI ID资源有限，能够建立的SCSI通道连接有限。
2、NAS（Network Attached Storage：网络附属存储）按字面简单说就是连接在网络上，具备资料存储功能的装置，因此也称为“网络存储器”。它是一种专用数据存储服务器。它以数据为中心，将存储设备与服务器彻底分离，集中管理数据，从而释放带宽、提高性能、降低总拥有成本、保护投资。其成本远远低于使用服务器存储，而效率却远远高于后者。目前国际着名的NAS企业有Netapp、EMC、OUO等。
3、SAN（Storage Area Network ）是一个集中式管理的高速存储网络，由多供应商存储系统、存储管理软件、应用程序服务器和网络硬件组成，能够帮助您充分利用您所拥有的商业信息的价值。由于SAN的基础是存储接口，所以是与传统网络不同的一种网络，常常被称为服务器后面的网络。
‘柒’ vuex存储和本地存储的区别
vuex管理的是应用处于当前运行状态下的一些数据，而storage保存的是由应用告诉浏览器需要保存的数据，区别是，网页一刷新，vuex数据就没了，而storage不受刷新影响。。。因此，在保存数据时，应该结合所使用场景的情况，因地制宜
‘捌’ 前端状态管理模式 和HTML本地存储的区别在哪里
这两者不是一个概念。
所谓状态，指的是与视图对应的数据，跟展示无关的东西就不算状态。
你可以把状态存一份到本地持久存储里，但不代表往里面存的东西都能算状态
河南新新华网络运营协会
‘玖’ 前端储存和本地储存有哪些区别
1、前端存储
所谓前端存储，是在网络视频监控系统的前端设备(如网络视频编码器或网络摄像机)中内置存储部件，由前端设备直接完成监控图像的本地录制和保存。
前端存储具有几个方面的优势：一是可以通过分布式的存储部署，来减轻集中存储带来的容量压力;二是可以有效缓解集中存储带来的网络流量压力;三是可以避免集中存储在网络发生故障时的图像丢失。
对于前端存储，由于单个前端编码设备通常所带监控点路数不多，存储时间也不长，所以对存储容量要求不高，网络摄像机一般用CF卡或SD卡，视频服务器一般用内置硬盘。这与以往单机存储相比，基本没有区别。
而与以往单机存储本质上不同的是，为了保证用户访问的灵活性和便捷性，网络视频监控系统中的所有前端存储除了要能够提供点对点的单机访问外，还要能够通过一个统一的接口提供所有内容的集中共享。为此，网络视频监控系统通过中心业务平台对所有前端存储进行统一管理和调度，并实现存储空间和存储内容的网络化。这样，用户既可以直接登录单个前端设备进行录像资料的点播回放，也可以统一登录中心业务平台进行所有前端录像资料的集中检索和回放。
2、本地存储
本地存储是指所有视频图像都通过前端接入点的DVR进行分散存储，其优点是投入少，对网络压力最小，缺点是管理复杂，不易维护，重要数据没有安全保证等。在本地存储当中，以DVR为主要的存储设备，因此要求DVR存储的可靠性更强。但是，据有关专家介绍，由于DVR没有完善的组件和磁盘容错机制，无法确保数据的安全性;如果是安装于室内环境还好，但偏偏前端又多处于环境恶劣的室外，以目前的DVR技术水平，如果在室外使用则故障率较高，硬盘容易发生故障，从而造成视频的丢失。因此，本地存储多适合监控点较少、较分散，数据保存周期短，数据安全要求不高的领域，如小型公共场所监控、物业小区视频监控、中小型企业视频监控等。
‘拾’ 前端本地存储
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。
一，本地存储特性
1、数据存储在用户浏览器中
2、设置、读取方便、甚至页面刷新不丢失数据
3、容量较大约5M
4、只能存储字符串，可以将对象JSON.stringify() 编码后存储
二，window.sessionStorage
1、生命周期为关闭浏览器窗口
2、在同一个窗口(页面)下数据可以共享
3、以键值对的形式存储使用
存储数据：
sessionStorage.setItem(key,value)
获取数据：
sessionStorage.getItem(key)
删除数据：
sessionStorage.removeItem(key)
清空数据：(所有都清除掉)
sessionStorage.clear()
三.window.localStorage
存储空间高达5m
没有过期时间
localStorage 会一直存在
sessionStorage 窗口关闭失效
cookie会在客户端和服务器端往返 ，本地存储只存储在本地
存储数据:
设置存储有三种方式：
localStorage.key="value"
localStorage["key"]="value"
localStorage.setItem(key, value)
localStorage.setItem(key,value)
//参数1 是键
//参数2是对应的值
//setItem 也是修改元素
注意:不能直接存储对象 可以将对象转化为1个字符串
//注意:不能直接存储对象 可以将对象转化为1个字符串
//通过json
varstr=JSON.stringify(对象名);
localStorage.setItem('对象名',str);
//使用的时候可以再将json字符串转为对象
varstr1=localStorage.getItem('对象名');
varobj=JSON.parse(str);
获取数据：
localStorage.getItem(key(1))
//通过索引获取key值
//没有就返回null
删除数据：
localStorage.removeItem(key)
//删除 通过key值
清空数据：(所有都清除掉)
localStorage.clear()
对象长度(有多少个元素)
localStorage.length