97超碰国产在线观看,亚洲熟妇av综合榜,日本av一区二区三区

當(dāng)前位置：

發(fā)布時間：2019-07-13

文章編輯：網(wǎng)站建設(shè) 文章來源：APP開發(fā) 瀏覽量：次

APP開發(fā)公司關(guān)于離線緩存的解決方案，深圳APP開發(fā)公司提醒傳統(tǒng)的Web應(yīng)用必須建立在聯(lián)網(wǎng)的基礎(chǔ)之上，HTML5新增了一項功能，為離線Web應(yīng)用的開發(fā)提供了可能性。假設(shè)用戶使用在線的記事本記錄信息，忽然網(wǎng)絡(luò)中斷，對于傳統(tǒng)的應(yīng)用來說用戶很可能會丟失先前書寫的內(nèi)容。
如果使用離線Web功能開發(fā)的應(yīng)用，用戶可以繼續(xù)離線添加筆記，待網(wǎng)絡(luò)重新連接后將離線數(shù)據(jù)同步至線上服務(wù)。聽到這里，APP開發(fā)人員一定會對這個功能充滿好奇，在開發(fā)一個離線應(yīng)用時，開發(fā)者一般會綜合使用多種功能，如離線資源緩存的文件列表Manifest文件、聯(lián)網(wǎng)在線狀態(tài)的檢測、離線狀態(tài)下的本地數(shù)據(jù)存儲，這幾種功能缺一不可。
深圳APP開發(fā)公司本章將會介紹離線Web應(yīng)用相關(guān)的方法接口，同時讓讀者了解Manifest文件的使用，最后通過例子說明HTML5開發(fā)離線應(yīng)用的方法。5.1　離線緩存應(yīng)用本節(jié)介紹HTML5離線緩存基本應(yīng)用，包括離線緩存API簡介、使用Manifest方法、使用ApplicationCacheAPI方法以及如何搭建一個簡單的離線APP。
開發(fā)APP時關(guān)于離線緩存API簡介

為了實現(xiàn)離線存儲功能，HTML5提供了Web存儲相關(guān)的API，即WebStorage。WebStorage包括LocalStorage和SessionStorage兩部分，可用于對離線數(shù)據(jù)的短暫性或永久性存儲。另外，HTML5另外還提供了一套基于關(guān)系型的數(shù)據(jù)庫WebSQLDatabase，可以支持頁面上復(fù)雜數(shù)據(jù)的離線存儲，例如可以存儲用戶電子郵件信息、消費賬務(wù)流水信息等，同時WebSQLDatabase還加入了傳統(tǒng)數(shù)據(jù)庫的事務(wù)概念，使得多窗口操作可以保持?jǐn)?shù)據(jù)一致性。
WebSQLDatabase數(shù)據(jù)庫是基于SQLite開發(fā)的，與WebStorage中的LocalStorage相同。最后一個也是最為強大的功能即IndexedDB。IndexedDB是HTML5推出的一種輕量級的NoSQL數(shù)據(jù)庫，即常說的非關(guān)系型數(shù)據(jù)庫。與傳統(tǒng)的關(guān)系型數(shù)據(jù)庫相比，NoSQL數(shù)據(jù)庫具有易擴展、快速讀寫、成本低廉等特點，HTML5的IndexedDB同時還包含了常見的數(shù)據(jù)庫構(gòu)造，如事務(wù)、索引、游標(biāo)等，在API的使用上分為同步和異步兩種形態(tài)。下面通過一個簡單的示例介紹IndexedDB的使用，代碼如下：
【代碼5-1】

01 <! DOCTYPE html> 02 < html> 03 < body></ body> 04 < script type=" text/ javascript"> 05 var request = indexedDB. open(' Html5IndexedDB', 2); // 創(chuàng)建一個數(shù)據(jù)庫 06 request. onerror = function( e) { console. log( e); }; // 監(jiān)聽錯誤事件 07 request. onupgradeneeded = function( event) { //

監(jiān)聽事務(wù) 事件 08 var db = event. target. result; // 獲取數(shù)據(jù)庫對象 09 var objectStore = db. createObjectStore(" users", { keyPath: "html5" }); // 創(chuàng)建對象存儲空間存放用戶信息 10 objectStore. createIndex(" name", "name", { unique: false }); // 創(chuàng)建索引來通過 name 搜索客戶 11 objectStore. createIndex(" id", "id", { unique: true }); // 創(chuàng)建索引來通過 email 搜索客戶 12 objectStore. add({ html5:' 1' ,name : ' 小王 ' , sex :' 女 ', id:' 3323' ,age: 23}); // 存入一條用戶信息數(shù)據(jù) 13 }; 14 </ script> 15 </ html>

將代碼保存至以html為后綴的文件內(nèi)，部署在Web服務(wù)器上，如Apache、IIS、Nginx等，使用最新的Chrome瀏覽器打開文件，然后打開Chrome瀏覽器的開發(fā)者工具，查看緩存內(nèi)容，效果如圖5.1所示。

點擊左側(cè)列表中的Html5IndexedDB項，顯示數(shù)據(jù)庫中的插入信息，效果如圖5.2所示。

點擊左側(cè)列表中的users項，展開數(shù)據(jù)庫中users鍵的存儲信息，同時右側(cè)區(qū)域出現(xiàn)對應(yīng)鍵值的相關(guān)存儲數(shù)據(jù)，效果如圖5.3所示。

示例代碼中監(jiān)聽的upgradeneeded事件在每次新建數(shù)據(jù)庫結(jié)構(gòu)時觸發(fā)，當(dāng)再次打開數(shù)據(jù)庫時不觸發(fā)該事件，而觸發(fā)success事件。方法createObjectStore用于創(chuàng)建對象的存儲空間，在示例中請求申請1個名為“users”的對象空間，同時傳遞的第2個參數(shù)保證了存儲空間中每個單獨的對象都是唯一的，被存儲于空間中的所有對象都必須存在于“html5”中。
另外，還可以看到使用了方法createIndex，用于創(chuàng)建數(shù)據(jù)庫索引。示例中對“name”和“id”兩個屬性添加了索引，但在unique屬性上稍有不同，“id”對應(yīng)的unique為true，表示該鍵值所存儲的數(shù)據(jù)具有唯一性，無法插入重復(fù)數(shù)據(jù)，而“name”的unique為false，表示允許插入的用戶信息數(shù)據(jù)相同。好了，APP開發(fā)公司本文關(guān)于“關(guān)于離線緩存的解決方案”的相關(guān)APP程序開發(fā)知識就分享到這里，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。

當(dāng)前文章鏈接：/construction/appkaifa/3153.html

上一篇：APP開發(fā)怎樣解決高德地圖的使用？下一篇：APP開發(fā)常見的營銷元素

返回列表

如果您覺得案例還不錯請幫忙分享：

[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點，本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán)，請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】，我們在確認(rèn)后，會立即刪除，保證您的版權(quán)。

夏目彩春av在线看,夏目彩春av在线看,亚洲国产成人精品日韩18,搡老岳熟女国产熟妇视频,欧美国产亚洲欧美国产,99久久蜜人人爽亚洲精品美女,3p少妇亚洲一区二区三区欧美,美女天天干美女天天操,男女啪啪啪噜噜噜免费观看网站

深圳網(wǎng)站建設(shè)—APP開發(fā)—網(wǎng)站制作—小程序開發(fā)_博納網(wǎng)絡(luò)公司

當(dāng)前位置：

APP開發(fā)公司關(guān)于離線緩存的解決方案

如果您覺得案例還不錯請幫忙分享：

相關(guān)案例推薦

天驕學(xué)院

聯(lián)合大眾

車奇士

資訊分類

最新發(fā)布

相關(guān)資訊

熱門搜索