讀書筆記客戶端儲存技術

最近想自己造乙個類似記事本的小輪子。因為感覺沒必要用上覆雜的後端（同時自己也懶），就打算把資料都交給前端來儲存。說到前端儲存，最先想到的肯定是localstorage系列（還有sessionstorage），只是localstorage只有讀取功能，顯然是無法滿足我的需求的。

於是打算上網搜尋一下相關的技術，期望可以找乙個類似於sqllite的工具。在搜尋的過程中，正好發現了這本書《客戶端儲存技術》。雖然是只有100頁左右的小薄本，但對於想要了解一下客戶端儲存相關技術的我來說正好合適。於是便抽空讀了一遍，做了乙個簡單的讀書筆記。

客戶端儲存技術

書中主要介紹了目前常用的客戶端儲存技術以及各個儲存技術的優缺點和適用範圍。當然，客戶端儲存最主要的目的是減輕服務端的壓力，而不是去代替服務端儲存（畢竟效能和安全性上是是做不到的）。如果是作為小的離線應用的話，倒是不妨可以用一下。

目前客戶端儲存技術可以簡單用下表來總結

編號技術

說明類庫

1cookie

最「古老」的儲存方式。通過document.cookie就能進行設定與訪問。一般如**記住登入狀態會利用cookie（會設定過期時間），敏感資訊不建議儲存在cookie中。安全係數比較低。

mdn上有相關的類庫，可以簡化cookie的操作。

2localstorage/sessionstorage

比較常見的客戶端儲存。有大小限制5mb。乙個網域名稱對應乙個storage，可以持久化的存放一些資料，同樣不建議存放敏感資訊。

lockr

3indexeddb

無大小限制（理論上）。以物件的形式存放資料（很像mongodb）。原生api很相對比較複雜，特別是查詢部分。使用庫可以簡化操作。目前對移動端的支援還不是很好（特別是safari），pc端支援很好。

dexie、pouchdb

4websql

比indexeddb出現時間要早。使用前需要設定資料庫大小。具體操作與sql相同，熟悉sql就能很快上手。已被廢棄的規定。移動端支援不錯。

讀書筆記 客戶端儲存技術