javascript-離線應用于客戶端存儲

gecko23 發布于2019-08-23 15:21 / 1851人閱讀

摘要：離線檢測含義設備能否上網代碼注和，和最新的沒問題應用緩存緩存的目的是專門為網頁離線設計的，當然在在線情況也會緩存機制當用戶在地址輸入請求的地址去請求網頁時，瀏覽器會先本地緩存中查看是否有對應的緩存文件，如果有然后查看新鮮度就是是否過期了，如

23.1 離線檢測

含義：設備能否上網
代碼：

  navigator.onLine

注：IE6+和safari+5，firefox3+和opera16+,chrome最新的沒問題

23.2 應用緩存

緩存的目的是專門為網頁離線設計的，當然在在線情況也會緩存

機制：當用戶在地址輸入請求的地址去請求網頁時，瀏覽器會先本地緩存中查看是否有對應的緩存文件，如果有然后查看‘新鮮度’就是是否過期了，如果過期了此時也不會去請求新的資源而是去與服務器端進行校驗核對服務器端有沒有更新的資源如果有則去請求沒有就更新‘新鮮度’，新鮮度由響應時服務器告訴瀏覽器或者在返回的html中加meta屬性告訴瀏覽器，不過meta屬性通常是針對本地靜態文件

(1) 離線緩存方法(我也沒實現，想一想都離線了還讓用戶看啥，畢竟瀏覽器都有很好的網斷界面)：

23.3 數據存儲

(1) Cookie

為什么：cookie的存在讓服務器和客戶端有了一種通訊方式，因為http是無狀態的，可以通過cookie讓服務器鑒別當前用戶，cookie的值存儲在客戶端本地（java創建的cookie存在于響應頭，而javascript創建的cookie存在于請求頭）注：cookie的存取的前提是頁面在服務中而不是本地文件

如何做（javascript）：賦值：document.cookie = "name=jiang;expires=Thu, 18 Dec 2043 12:00:00 GMT";讀取：document.cookie；cookie沒有提供刪除的api，銷毀的間接方法是重新為對應cookie賦值，并將過期時間設為之前的一個時間，默認是瀏覽器關閉銷毀

限制：cookie在每個域名下的數量是有限制的，各個瀏覽器限制的數量不一樣最少的是20，最多的chrome無限制，cookie的大小限制各個瀏覽器也不同，基本是4096+-1，也就是一個域名下的cookie大小在這個范圍內

**注**：碰到cookie數量的限制問題可以通過‘子cookie’來解決，思路是cookie中鍵-值中值是另一個鍵值

(2) Storage類型

為什么：同樣是存儲，Cookie比Storage出現的早，那么Storage的出現一定是為了彌補Cookie的某些不足了，比如數量和大小的限制

如何做：Storage提供了一些API，clear(),getItem(name),key(index),removeItem(name),setItem(name,value)

1、 sessionStorage對象
特點：聲明周期是瀏覽器關閉前，訪問域是最初建立的頁面，只存在與服務器上資源本地靜態資源不支持，大小限制大部分是2.5M，IE8，opera是5M

2、globalStorage[]對象
特點：跨越回話限制，可以指定訪問域和持久存儲

示例：
```
globalStorage["wrox.com"].name = "jiang"; // 指定訪問域
```
**注**：指定的域名有同源策略，就是協議和端口要保持一致

3、 localStorage對象
特點：localStorage是globalStorage替代品，localStorage對象不能指定訪問域并且有同源策略，大小限制是chrome和safari 是2.5M其它大部分是5M
**注**：更大量的數據可以通過indexDB存儲

GPU云服務器云服務器 java應用于大數據離線應用 javascript離線手冊 javascript離線教程

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

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

Javascript--離線應用與客戶端儲存

摘要：在這種情況下，瀏覽器將繼續使用原應用緩存。對象對象有一個屬性，屬性的值是常量，表示應用緩存的狀態。兼容性與其他客戶端儲存方案相比，同樣也有限制，這些限制因瀏覽器圍而異。對象主要用于僅針對會話的小段數據的存儲。開發離線Web應用需要幾個步驟: 首先確保應用知道設備是否能上網。應用必須能訪問一定的資源(圖像,Javascript,CSS)，這樣才能正常工作。離線檢測 naviga...

lmxdawn 2019-08-21 10:50 評論0 收藏0
JS學習筆記（第23章）(離線應用與客戶端存儲1)

摘要：應用緩存的應用緩存，或者簡稱為，是專門為開發離線應用而設計的。應用緩存還有很多相關的事件，表示其狀態的改變。數據存儲，通常直接叫做，最初是在客戶端用于存儲會話信息的。也就是使用值來存儲多個名稱值對兒。所謂Web離線應用，就是在設備不能上網的情況下仍然可以運行的應用。開發離線Web應用需要幾個步驟：（1）確保應用知道設備是否能上網；（2）應用還必須能訪問一定的資源（圖像、JavaScr...

fjcgreat 2019-08-26 13:40 評論0 收藏0
JavaScript 離線應用與客戶端存儲——“應用緩存”的注意要點

摘要：在線離線應用緩存就是一個從瀏覽器的緩存中分出來的緩存去，在緩存中保存數據，可以使用一個描述文件，列出要下載和緩存的資源。離線檢測 HTML5中定義的： navigator.onLine如果為true則表示設備能夠上網注意是大寫的L（onLine）；用下面代碼檢測屬性狀態： if (navigator.onLine) { // statement if online } e...

vpants 2019-08-19 17:44 評論0 收藏0