1、cookie
HTTP cookie，通常直接叫做cookie，是客户端用来存储数据的一种选项，它既可以在客户端设置也可以在服务器端设置。cookie会跟随任意HTTP请求一起发送。
优点：兼容性好
缺点：一是增加了网络流量；二则是它的数据容量有限，最多只能存储4KB的数据，浏览器之间各有不同；三是不安全。
2、userData
userData是微软通过一个自定义行为引入的持久化用户数据的概念。用户数据允许每个文档最多128KB数据，每个域名最多1MB数据。
缺点：userData不是 web 标准的一部分，只有IE支持。
3、web存储机制
web storage，包括两种：sessionStorage 和 localStorage，前者严格用于一个浏览器会话中存储数据，因为数据在浏览器关闭后会立即删除；后者则用于跨会话持久化地存储数据。
缺点：IE不支持 SessionStorage，低版本IE ( IE6, IE7 ) 不支持 LocalStorage，并且不支持查询语言
4、indexedDB
indexed Database API，简称为indexedDB，是在浏览器中保存结构化数据的一种“数据库”。它类似SQL数据库的结构化数据存储机制，代替了废弃已久的web SQL Database API，它能够在客户端存储大量的结构化数据，并且使用索引高效检索的API。
缺点：兼容性不好，未得到大部分浏览器的支持。
5、Flash cookie
Flash本地存储，类似于HTTP cookie，它是利用 SharedObject类来实现本地存储信息。它默认允许每个站点存储不超过100K的数据，远大于cookie，而且能够跨浏览器。
缺点：浏览器需安装 Flash 控件，毕竟它是通过Flash的类来存储。所幸的是，没有安装Flash的用户极少。
6、Google Gears
Google Gears是Google在07年发布的一个开源浏览器插件，Gears 内置了一个基于SQLite的嵌入式 SQL数据库，并提供了统一API 对 数据库进行访问，在取得用户授权之后，每个站点可以在SQL数据库中存储“不限大小”的数据。
缺点：需要安装 Google Gears 组件
② 前端js怎么存储session
你是想直接在客户端操作 ，还是用js把值传到服务器断操作？
如果是前者的话，js不能操作session。后者的话，可以用ajax异步处理
③ 前端状态管理模式 和HTML本地存储的区别在哪里
这两者不是一个概念。
所谓状态，指的是与视图对应的数据，跟展示无关的东西就不算状态。
你可以把状态存一份到本地持久存储里，但不代表往里面存的东西都能算状态
河南新新华网络运营协会
④ 前端中获取到数据后存在本地存储，如果数据库改了数据，怎么知道它修改了。
为什么前端要把数据存在本地？这个做法就是错误的，即便缓存也应该是后端来做
⑤ 说一下前端数据存储方式（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 应用程序）能够更快地运行和响应。
⑥ 数据库中存储的图片显示在前端上的是html标签
html标签是不可以直接存入数据库的，必须进行html转义才可以，从数据库中读取，再转义回来就可以显示了，就来一个简单的，<小于号这个标签，你要在网页显示必须写成>
⑦ 怎么在前端中实现把一个页面的内容存储在另一个页面中
可以用iframe标签来实现，具体可以去看w3c
⑧ 前端数据存储方式有哪些
为你总结了四种数据存储方式，希望可以帮到你：
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、前端存储
所谓前端存储，是在网络视频监控系统的前端设备(如网络视频编码器或网络摄像机)中内置存储部件，由前端设备直接完成监控图像的本地录制和保存。
前端存储具有几个方面的优势：一是可以通过分布式的存储部署，来减轻集中存储带来的容量压力;二是可以有效缓解集中存储带来的网络流量压力;三是可以避免集中存储在网络发生故障时的图像丢失。
对于前端存储，由于单个前端编码设备通常所带监控点路数不多，存储时间也不长，所以对存储容量要求不高，网络摄像机一般用CF卡或SD卡，视频服务器一般用内置硬盘。这与以往单机存储相比，基本没有区别。
而与以往单机存储本质上不同的是，为了保证用户访问的灵活性和便捷性，网络视频监控系统中的所有前端存储除了要能够提供点对点的单机访问外，还要能够通过一个统一的接口提供所有内容的集中共享。为此，网络视频监控系统通过中心业务平台对所有前端存储进行统一管理和调度，并实现存储空间和存储内容的网络化。这样，用户既可以直接登录单个前端设备进行录像资料的点播回放，也可以统一登录中心业务平台进行所有前端录像资料的集中检索和回放。
2、本地存储
本地存储是指所有视频图像都通过前端接入点的DVR进行分散存储，其优点是投入少，对网络压力最小，缺点是管理复杂，不易维护，重要数据没有安全保证等。在本地存储当中，以DVR为主要的存储设备，因此要求DVR存储的可靠性更强。但是，据有关专家介绍，由于DVR没有完善的组件和磁盘容错机制，无法确保数据的安全性;如果是安装于室内环境还好，但偏偏前端又多处于环境恶劣的室外，以目前的DVR技术水平，如果在室外使用则故障率较高，硬盘容易发生故障，从而造成视频的丢失。因此，本地存储多适合监控点较少、较分散，数据保存周期短，数据安全要求不高的领域，如小型公共场所监控、物业小区视频监控、中小型企业视频监控等。
⑩ 浅析：何种技术称为网络视频前端存储
而“前端存储”指的是基于网络视频系统的前端设备，如网络摄像机或视频编码器的存储技术，而与后端的服务器、NVR存储相对而言。 “智能前置”主要是借助前端网络摄像机和编码器的芯片实现对于视频的分析，从而实现更为灵活、可靠的视频分析从而降低对带宽、存储的需求，同时减轻对于后台设备的负担。而应用“前端存储”技术的网络摄像机或视频编码器，其优势在于通过摄像机本身的处理机制，就可实现将视频存储至前端的存储介质(包括SD、SDHC、MicroSD等存储卡)或基于在线的网络NAS存储设备，而无需后台的干预；同时，通过与后台服务器的交互，摄像机的前端存储技术便可成为常规集中化存储的有效补充和高效应用。