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存儲設備，而無需後台的干預；同時，通過與後台伺服器的交互，攝像機的前端存儲技術便可成為常規集中化存儲的有效補充和高效應用。