本地存儲、離線應用程序

時間 2019-11-30

標籤本地存儲離線應用程序简体版

原文原文鏈接

一、Web Storage
在Web上存儲數據，是針對客戶端本地而言的。對HTML4中cookies存儲機制的一個改善。
sessionStorage：用來保存用戶從進入網站到瀏覽器關閉這段時間要保存的數據。
sessionStorage.setItem(key,value),sessionStorage.getItem(key);
localStorage：將數據保存在客戶端本地的硬件設備中，下次打開瀏覽器能夠繼續使用。
localStorage.setItem(key,value),localStorage.getItem(key). clear()方法。
二、本地數據庫
建立訪問數據庫的對象：
var db=openDatabase('mydb','1.0','Test DB',2*1024*1024);//數據庫名，版本號，描述，大小
事物：transaction使用回調函數。
db.transaction(function(tx){
tx.executeSql('create table if not exists LOGS(id unique,log text)');
});
使用executeSql來執行查詢：
transaction.executeSql(sqlquery,[],dataHandler,errorHandler);//
參數:1-SQL語句(參數用"?"代替，而後這些參數依次放到第二個參數中)，
2-參數數組，
3-成功後的回調函數:function dataHandler(transaction,result){...}
4-出錯時回調的回調函數：function errorHandler(transaction,errmsg){...}
結果數據集對象result有一個rows屬性，rows.length,rows[index],rows.Item([indexx])等。

三、離線web應用程序：
本地緩存。
本地緩存與瀏覽器網頁緩存的區別：
manifest文件：
本地緩存是經過每一個頁面的manifest文件來管理的。
在該文件中以清單的形式列舉了須要緩存或不須要緩存的資源文件，以及資源文件訪問路徑。
能夠爲每一個頁面指定一個manifest文件，也能夠對整個web應用程序指定一個總的manifest文件。

須要配置讓服務器支持text/cache-manifest這個MIME類型。
IIS中的MIME映射中添加"manifest"類型"text/cache-manifest"
爲頁面指定manifest：<html manifesst="hello.manifest">
瀏覽器與服務器的交互過程：
首次訪問網站，在獲得一個頁面的全部資源後，再處理manifest文件，從新請求須要緩存的資源，進行緩存更新，並觸發一個事件通知本地緩存被更新。
下次訪問網站時，先使用本地資源，再請求manifest.
applicationCache:
當瀏覽器對本地緩存進行更新，裝入新資源文件時，會觸發applicationCache對象的updateready事件，通知本地緩存已被更新。能夠在該事件中告訴用戶須要手工刷新頁面來獲得最新版本的應用程序。
swapCache方法：用來手工執行本地緩存的更新。只能在updateready事件觸發時調用。
事件：瀏覽器與服務器交互過程當中會觸發一系列事件。html

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。