HTML5移動開發實戰必備知識 本地儲存 2

2021-12-29 22:03:13 字數 878 閱讀 4113

了解了一些基本的本地儲存用法和思想後,我們來系統的介紹一下本地儲存。

本地儲存分為三大類:localstorage/sessionstorage/本地資料庫

localstorage和sessionstorage二者的用法、所包含的函式、呼叫方法等都是相同的,二者僅僅是含義不同。其中,localstorage所儲存的資料是長期有效的,而sessionstorage所儲存的資訊當每個會話(session)關閉時就會銷毀(通俗的說就是頁面關閉後資料自動銷毀)。

由於二者的特性不同,因此應用的場景也有很大區別。通常,當我們需要儲存一些使用者配置項等一些需要長時間儲存的資料資訊時,需要使用localstorgae進行儲存,利用了其時效長的特點。相應的,當我們需要實現類似購物車等基於session的功能時,就需要使用sessionstorage。

由於localstorage和sessionstorage的用法相同,因此我們以localstorage為例,介紹二者的方法。

1、設定資料setitem

用法為localstorage.setitem(「key」, 「value」),表示將value值傳遞給key。(sessionstorage.setitem使用方法同理,下面不再一一介紹)

2、獲取資料getitem

用法為localstorage.getitem(「key」),只要輸入相應的key值,就可以從中取出對應的value值。

3、刪除特定的資料removeitem

用法為localstorage.removeitem(key),刪除key對應的資料。

4、清空所有資料clear

用法為localstorage.clear(),表示清空所有儲存系統中的資料。

以上就是一些最基本的sessionstorage/localstorage用法。

《HTML5移動Web開發實戰》 導讀

html5移動web開發實戰 如何在多平台上建立高效能 響應式移動 對於程式設計師來說,由於手機裝置快速增加 螢幕尺寸各不相同 效能仍有侷限性,這個問題就顯得非常重要。本書提供了答案,你會知道如何有效地利用最新的html5針對移動 的功能,橫跨多個移動平台。本書會讓你了解如何策劃 建立 除錯和優化移...

html5移動開發

canvas 3d 3d的繪圖功能支援 svg 向量圖支援 設計師要知道,的移動 旋轉 縮放?那都太基礎了,自己畫都是小case,至於怎麼用,好好想想吧 5.專為移動平台定製的表單元素 瀏覽器中出現的html5表單元素與對應的鍵盤 型別用途鍵盤 可以綜合使用gps wifi 手機等方式讓定位更為精準...

Html5 移動遊戲開發

有很多遊戲採用h5技術開發,比如三國來了 巴哈姆特之怒 切繩子等。我們公司也有多款遊戲用h5開發,h5開發成本低,效率高,方便做自動更新,可移植性好。受益於h5技術,我們公司的很多產品都很方便跨平台。早在2012年,我就很榮幸負責技術攻關,把我們的遊戲移植到win8和wp8平台,當時在國內的win8...