web客戶端存儲技術筆記

GeekQiaQia 發布于2019-08-21 16:24 / 3139人閱讀

摘要：客戶端存儲的相關技術有鍵值對存儲，綁定到某個域，并存儲瀏覽器會話數據鍵值對存儲，綁定到某個域，會話結束時會刪除由一個瀏覽器內建的對象存儲器，來存儲跨會話數據一個完整的關系型數據庫，可以作為的替代方案通過聲明文件，來讓客戶端存儲離線文件。

客戶端存儲的相關技術有

localStorage 鍵-值對存儲，綁定到某個域，并存儲瀏覽器會話數據；

sessionStorage 鍵-值對存儲，綁定到某個域，會話結束時會刪除；

IndexedDB 由一個瀏覽器內建的對象存儲器，來存儲跨會話數據；

WebSQLDatabases 一個完整的關系型數據庫，可以作為IndexedDB的替代方案；

menifest 通過聲明menifest文件，來讓客戶端存儲離線文件。

localStorage的用法示例

保存
localStorage.setItem(“background_color”,$(“#background_color”).val())

獲取
var bgcolor = localStorage.getItem(“background_color”)

模擬使用場景
設置用戶個性化樣式，通過表單選擇CSS值后，將其發送給服務器的同時設置localStorage。在頁面加載的時候，將localStorage的值取出，將樣式通過DOM操作應用到界面上。

sessionStorage的用法示例

會話結束時刪除數據，則可以采用這種方法。

保存
sessionStorage.setItem(‘name’,’Brian Hogan’)

取出
var name = sessionStorage.getItem(‘name’)

IndexedDB用法

操作和數據庫類似，它的主要特點是請求后由事件異步執行。首先和相應數據庫發送連接請求，請求成功后執行增刪改查等操作。
《HTML5和CSS3實例教程》上內容較老，具體參考火狐開發者文檔：
https://developer.mozilla.org...

離線應用的實現

創建一個manifest文件，里面包含web 應用客戶端文件（HTML、CSS、JS文件），當用戶第一次訪問HTML主頁時，menifest所標注的所有文件都會下載到客戶端。
manifest文件必須通過 text/cache-manifest 的MiME類型來提供給用戶。

云服務器 GPU云服務器筆記本云存儲 web爬蟲技術 web前端技術 java web 技術

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88509.html

云計算技術將如何影響商業世界？

摘要：云計算技術如何運作云計算如今并不是什么新鮮事物。云計算技術和自動化協同工作，簡化服務臺，這樣可以縮短故障響應時間，并改善整體客戶體驗。云計算技術的進步使企業能夠從全球各地招聘人才。云計算技術已經滲透到人們生活的各個方面，其中包括個人喜好和專業工作。例如，很多音樂和電視節目都可以在云端存儲和訪問。從待辦事項列表到隨機筆記，手機的所有內容都可以在云平臺中備份和訪問。它改變了人們的工作方式，也改變...

linkFly 2019-04-29 15:39 評論0 收藏0
token與sessionId的區別——學習筆記

摘要：學開發半年多，之前一直有個疑問為什么要用，好好的用不好嗎其實就是新技術與老技術，但是還是想弄懂這個問題之前一直疑惑，今天搞懂了，整合了一下學習過程，先對比一下與一簡述的生成方式與的生成方式的生成方式瀏覽器第一次訪問服務器時，服務器創建一個，學開發半年多，之前一直有個疑問：為什么要用token，好好的用sessionID不好嗎（其實就是新技術與老技術，但是還是想弄懂）這個問題之前一直疑...

liaosilzu2007 2019-08-06 13:35 評論0 收藏0
《JavaScript Web富應用開發》讀書筆記

摘要：創建類中并沒有真正的類，但中有構造函數和運算符。任何函數都可以用作構造函數，構造函數必須使用運算符作為前綴來創建新的實例。調用構造函數時不要丟掉關鍵字。這里使用基于原型的繼承，而沒有用到構造函數和關鍵字。 1.創建類 JavaScript中并沒有真正的類，但JavaScript中有構造函數和new運算符。構造函數用來給實例對象初始化屬性和值。任何JavaScript函數都可以用作構造函...

琛ｈ。 2019-08-19 18:46 評論0 收藏0
前端補集 - 收藏集 - 掘金

摘要：原文地址一個非常適合入門學習的博客項目前端掘金一個非常適合入門學習的項目，代碼清晰結構合理新聞前端掘金介紹一個由編寫的新聞。深入淺出讀書筆記知乎專欄前端專欄前端掘金去年的一篇老文章，恰好今天專欄開通，遷移過來。破解前端面試（80% 應聘者不及格系列）：從閉包說起 - 掘金修訂說明：發布《80% 應聘者都不及格的 JS 面試題》之后，全網閱讀量超過 6W，在知乎、掘金、cnodejs ...

YorkChen 2019-08-29 12:41 評論0 收藏0
前端補集 - 收藏集 - 掘金

摘要：原文地址一個非常適合入門學習的博客項目前端掘金一個非常適合入門學習的項目，代碼清晰結構合理新聞前端掘金介紹一個由編寫的新聞。深入淺出讀書筆記知乎專欄前端專欄前端掘金去年的一篇老文章，恰好今天專欄開通，遷移過來。破解前端面試（80% 應聘者不及格系列）：從閉包說起 - 掘金修訂說明：發布《80% 應聘者都不及格的 JS 面試題》之后，全網閱讀量超過 6W，在知乎、掘金、cnodejs ...

AbnerMing 2019-08-20 16:57 評論0 收藏0