JavaScript 本地儲存
本文對當前前端常用的本地儲存方式進行一下概述行介紹。
並不會過多涉及每一種儲存方式的具體用法,具體可以參閱對應板塊。
一.本地儲存概念:
通俗的講,本地儲存就是web應用程式將資料儲存在本地瀏覽器,也就是本地硬碟中。
比如最佳最為熟悉的cookie,它是儲存在硬碟某個位置文字檔案中的一段字串。
從全球資訊網誕生,隨著需求的不斷增加,本地儲存的方式也逐漸呈現多樣化。
二.本地儲存常見方式:
(1).cookie
(2).sessionStorage
(3).localStorage
(4).indexedDB
(5).Web SQL(不被推薦使用)
上述幾種儲存方式,可以在谷歌開發者工具Application選項卡中看到。
具體截圖如下:
Web SQL是一種關係型資料庫,功能強大,但是學習成本高。
並且前端對於資料的存取沒有太高的要求,所以被indexedDB資料庫取代。
三.儲存方式用途簡介:
(1).cookie:
cookie最先誕生,它的主要用途是維護http會話狀態。
大家知道http協議是無狀態的,兩次請求是彼此獨立的,cookie主要用於解決此問題。
也可以用於儲存一些簡單的使用者資訊,儲存量非常小,並且每次都會隨著請求傳送到伺服器,浪費效能。
(2).Storage:
sessionStorage和localStorage可以在本地儲存更多的資料,並且不會傳送到伺服器。
由於儲存量的增加,應用範圍更加廣泛,比如可以儲存一些不需要及時更新的資訊,加快響應速度。
並且由於不會傳送到伺服器,可以節省頻寬。
(3).indexedDB:
它的儲存量更大,在理論上甚至可以認為沒有上限。
具有較為強大的查詢能力,所以更加適合儲存更大更為複雜的資料。
相關文章
- Javascript 本地儲存小結JavaScript
- JavaScript本地儲存(1):cookie在前端JavaScriptCookie前端
- 本地儲存
- web本地儲存Web
- angular 本地儲存Angular
- 本地儲存localStorage使用
- iOS如何本地儲存PHAssetiOS
- (十二)本地儲存及同步
- 聊聊前端的本地儲存前端
- web本地儲存(localStorage、sessionStorage)WebSession
- 儲存檔案到本地
- 瀏覽器本地儲存瀏覽器
- 容器化RDS—— 計算儲存分離 or 本地儲存
- HTML5 之本地儲存HTML
- js—localstorage (本地儲存)必知JS
- html5-web本地儲存HTMLWeb
- flutter本地資料儲存 sqfliteFlutter
- 詳解 JavaScript 儲存JavaScript
- 給自己組一個本地儲存
- Javascrip—前端本地儲存講解(16)Java前端
- javascript如何將檔案儲存到本地JavaScript
- 本地儲存VS雲端儲存:區別不只是資料存放位置
- 小程式-生成海報儲存本地相簿
- Android儲存多張圖片到本地Android
- 小程式 - 陣列追加兼本地儲存陣列
- Android本地儲存的幾種方式Android
- 淺談瀏覽器本地儲存-indexedDB瀏覽器Index
- 在vue中,localStorage本地儲存應用。Vue
- unity3d 本地資料儲存Unity3D
- HTML5本地儲存LocalstorageHTML
- Android從外部儲存裝置中儲存和載入本地檔案Android
- 將Chrome偵錯程式裡的JavaScript變數儲存成本地JSON檔案ChromeJavaScript變數JSON
- Docker配置本地映象與容器的儲存位置Docker
- 谷歌瀏覽器檢視本地儲存資訊谷歌瀏覽器
- 突破本地離線儲存的JS庫 localforageJS
- [乾貨]資料互動與本地儲存
- JavaScript使用localStorage儲存資料JavaScript
- JavaScript儲存文字資料示例JavaScript