關於H5 storage 的一些註意事項以及用法

来源:http://www.cnblogs.com/liuqiwang/archive/2016/02/24/5213779.html
-Advertisement-
Play Games

在我們使用H5 storage之前,先瞭解一下storage的介紹吧: Storage模塊管理應用本地數據存儲,用於應用數據的保存和讀取,應用本地數據localStorage,sessionStorage的區別在於數據的有效域不同,前者可在應用內跨域操作,數據存儲期是持久化的,並且沒有容量的限制,通


在我們使用H5 storage之前,先瞭解一下storage的介紹吧:

Storage模塊管理應用本地數據存儲,用於應用數據的保存和讀取,應用本地數據localStorage,sessionStorage的區別在於數據的有效域不同,前者可在應用內跨域操作,數據存儲期是持久化的,並且沒有容量的限制,通過plus.storage可獲取應用本地數據管理對象

這裡我們就說一下最常用的兩個方法:

getItem(key);--根據key值獲取應用存儲的值,沒有值返回null

setItem(key,value);--保存數據至應用存儲中,沒有值返回null

<html>
    <head>
    <meta charset="utf-8">
    <title>Storage Example</title>
    <script type="text/javascript">


document.addEventListener("plusready",plusReady,false);
// H5 plus事件處理
function plusReady()
{
  //這裡填寫plus的處理代碼
}
// Get storage item value 
function setStorage()
{
  plus.storage.setItem("name","博客園");//大家保存數據的時候,key鍵儘量小寫,value儘量存儲字元串
}
function getStorage() 
{ 
  return plus.storage.getItem("test");//根據key的值來獲取保存在應用存儲中的數據
}
 </script>
 </head>
 <body> 
  獲取應用存儲區中保存的鍵值對的個數
  <br/> 
  <button onclick="alert(getStorage())">獲得本地應用存儲數據</button> 
  <button onclick="setStorage()">保存數據至本地應用存儲</button> 
</body> 
</html>

 

  

以上是一個很簡單的小列子,那麼下麵就給大家說一說在使用過程中經常會遇到的一些問題:

1:document.addEventListener("plusready",plusReady,false);這一句話大家註意不要每次使用都添加一次監聽,只需要在初始化的時候寫一下就可以了(這裡只針對單頁面)

2:還有一些朋友,在使用的過程中,發現明明已經Ready過了,為什麼使用的時候還是會報錯:plus is ....不要著急,其實這個問題很簡單,看一下你的編譯器在真機運行的時候,你本地保存一次,app上面也跟著刷新一次,遇到這樣的問題,大家把真機運行關閉,重新運行一次就可以啦

 

其實這個東西很簡單的,當然你的對他有所瞭解才行,下麵給大家一個官方的文檔鏈接,也可以根據官方的內容來進行實戰的哈

http://www.html5plus.org/doc/zh_cn/storage.html

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本節目錄 什麼是多租戶 多部署-多資料庫 單部署-多資料庫 單部署-單資料庫 在ABP中的多租戶 啟用多租戶 Host vs Tenant Session Data Filters IMustHaveTenant IMayHaveTenant 保存實體 什麼是多租戶 維基百科:軟體多租戶是1個軟體架
  • OWIN 集成 如果你在應用中使用OWIN,你可以nuget添加Abp.Owin程式集到你的宿主項目中(通常是Web項目),併在Startup文件中調用UseAbp擴展方法.如下: [assembly: OwinStartup(typeof(Startup))] public class Start
  • 本節目錄 配置ABP 配置Module 為模塊創建配置 ABP在模塊啟動的時候提供了配置功能. 配置ABP 在模塊的PreInitialize 方法中做配置.如下: public class SimpleTaskSystemModule : AbpModule { public override v
  • 本節目錄 介紹模塊 生命周期事件 PreInitialize Initialize PostInitialize Shutdown 模塊依賴 自定義模塊方法 介紹模塊 ABP提供基礎設施讓我們創建application,就是創建和組合使用modules. 1個module可以依賴其他的module,
  • 本文只是簡單得實現一下事務的小例子,事務的具體內容,比如事務的等級,事務的具體實現原理等等。。。 菜鳥水平有限,暫時還更不了這個,以後的博客可能會涉及。 如果您看完本博客之後能簡單的實現一個事務,本文目的就達到了。
  • 定義 原型模式:用原型實例指定創建對象的種類,並且通過複製這些原型創建新的對象。 從定義來看,我覺得最重要的一個詞就是 複製 ,所謂原型模式,你可以把它理解成對象的複製粘貼. 適用於比較複雜的對象,比如說你new一個對象,要傳十個參數(A a =new A(1,2,3,4,5,6,7,8,9,0))
  • 一種方法為: function test(str){ var iNum = str.length % 3; var prev = ''; var iNow = 0; var temp = ''; var arr = []; if (iNum != 0){ prev = str.substring(0...
  • 面向對象語言中的對象 老是能聽到什麼基於對象, 面向對象. 什麼是對象, 如果有面向對象基礎的人可以無視了, 下麵舉個簡單的例子給大家講講面向對象中, 對象的定義, 這個是比較通用的, 不過對於JS來說不太一樣, 但是理解總是好的. 首先, 先有類型(Class), 這個類是指具有本質相同的一類事物
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...