資訊專欄INFORMATION COLUMN
摘要：離線檢測(cè)含義設(shè)備能否上網(wǎng)代碼注和，和最新的沒(méi)問(wèn)題應(yīng)用緩存緩存的目的是專門(mén)為網(wǎng)頁(yè)離線設(shè)計(jì)的，當(dāng)然在在線情況也會(huì)緩存機(jī)制當(dāng)用戶在地址輸入請(qǐng)求的地址去請(qǐng)求網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)先本地緩存中查看是否有對(duì)應(yīng)的緩存文件，如果有然后查看新鮮度就是是否過(guò)期了，如
23.1 離線檢測(cè)
含義：設(shè)備能否上網(wǎng)
代碼：
navigator.onLine
注：IE6+和safari+5，firefox3+和opera16+,chrome最新的沒(méi)問(wèn)題
23.2 應(yīng)用緩存緩存的目的是專門(mén)為網(wǎng)頁(yè)離線設(shè)計(jì)的，當(dāng)然在在線情況也會(huì)緩存
機(jī)制：當(dāng)用戶在地址輸入請(qǐng)求的地址去請(qǐng)求網(wǎng)頁(yè)時(shí)，瀏覽器會(huì)先本地緩存中查看是否有對(duì)應(yīng)的緩存文件，如果有然后查看‘新鮮度’就是是否過(guò)期了，如果過(guò)期了此時(shí)也不會(huì)去請(qǐng)求新的資源而是去與服務(wù)器端進(jìn)行校驗(yàn)核對(duì)服務(wù)器端有沒(méi)有更新的資源如果有則去請(qǐng)求沒(méi)有就更新‘新鮮度’， 新鮮度由響應(yīng)時(shí)服務(wù)器告訴瀏覽器或者在返回的html中加meta屬性告訴瀏覽器，不過(guò)meta屬性通常是針對(duì)本地靜態(tài)文件
(1) 離線緩存方法(我也沒(méi)實(shí)現(xiàn)，想一想都離線了還讓用戶看啥，畢竟瀏覽器都有很好的網(wǎng)斷界面)：
23.3 數(shù)據(jù)存儲(chǔ)(1) Cookie
為什么：cookie的存在讓服務(wù)器和客戶端有了一種通訊方式，因?yàn)閔ttp是無(wú)狀態(tài)的，可以通過(guò)cookie讓服務(wù)器鑒別當(dāng)前用戶，cookie的值存儲(chǔ)在客戶端本地（java創(chuàng)建的cookie存在于響應(yīng)頭，而javascript創(chuàng)建的cookie存在于請(qǐng)求頭）注：cookie的存取的前提是頁(yè)面在服務(wù)中而不是本地文件 如何做（javascript）：賦值：document.cookie = "name=jiang;expires=Thu, 18 Dec 2043 12:00:00 GMT";讀取：document.cookie；cookie沒(méi)有提供刪除的api，銷毀的間接方法是重新為對(duì)應(yīng)cookie賦值，并將過(guò)期時(shí)間設(shè)為之前的一個(gè)時(shí)間，默認(rèn)是瀏覽器關(guān)閉銷毀 限制：cookie在每個(gè)域名下的數(shù)量是有限制的，各個(gè)瀏覽器限制的數(shù)量不一樣最少的是20，最多的chrome無(wú)限制，cookie的大小限制各個(gè)瀏覽器也不同，基本是4096+-1，也就是一個(gè)域名下的cookie大小在這個(gè)范圍內(nèi) **注**：碰到cookie數(shù)量的限制問(wèn)題可以通過(guò)‘子cookie’來(lái)解決，思路是cookie中鍵-值中值是另一個(gè)鍵值
(2) Storage類型
為什么：同樣是存儲(chǔ)，Cookie比Storage出現(xiàn)的早，那么Storage的出現(xiàn)一定是為了彌補(bǔ)Cookie的某些不足了，比如數(shù)量和大小的限制 如何做：Storage提供了一些API，clear(),getItem(name),key(index),removeItem(name),setItem(name,value) 1、 sessionStorage對(duì)象 特點(diǎn)：聲明周期是瀏覽器關(guān)閉前，訪問(wèn)域是最初建立的頁(yè)面，只存在與服務(wù)器上資源本地靜態(tài)資源不支持，大小限制大部分是2.5M，IE8，opera是5M 2、globalStorage[]對(duì)象 特點(diǎn)：跨越回話限制，可以指定訪問(wèn)域和持久存儲(chǔ) 示例： ``` globalStorage["wrox.com"].name = "jiang"; // 指定訪問(wèn)域 ``` **注**：指定的域名有同源策略，就是協(xié)議和端口要保持一致 3、 localStorage對(duì)象 特點(diǎn)：localStorage是globalStorage替代品，localStorage對(duì)象不能指定訪問(wèn)域并且有同源策略，大小限制是chrome和safari 是2.5M其它大部分是5M **注**：更大量的數(shù)據(jù)可以通過(guò)indexDB存儲(chǔ)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/101919.html
摘要：在這種情況下，瀏覽器將繼續(xù)使用原應(yīng)用緩存。對(duì)象對(duì)象有一個(gè)屬性，屬性的值是常量，表示應(yīng)用緩存的狀態(tài)。兼容性與其他客戶端儲(chǔ)存方案相比，同樣也有限制，這些限制因?yàn)g覽器圍而異。對(duì)象主要用于僅針對(duì)會(huì)話的小段數(shù)據(jù)的存儲(chǔ)。 開(kāi)發(fā)離線Web應(yīng)用需要幾個(gè)步驟: 首先確保應(yīng)用知道設(shè)備是否能上網(wǎng)。 應(yīng)用必須能訪問(wèn)一定的資源(圖像,Javascript,CSS)，這樣才能正常工作。 離線檢測(cè) naviga...
摘要：應(yīng)用緩存的應(yīng)用緩存，或者簡(jiǎn)稱為，是專門(mén)為開(kāi)發(fā)離線應(yīng)用而設(shè)計(jì)的。應(yīng)用緩存還有很多相關(guān)的事件，表示其狀態(tài)的改變。數(shù)據(jù)存儲(chǔ)，通常直接叫做，最初是在客戶端用于存儲(chǔ)會(huì)話信息的。也就是使用值來(lái)存儲(chǔ)多個(gè)名稱值對(duì)兒。 所謂Web離線應(yīng)用，就是在設(shè)備不能上網(wǎng)的情況下仍然可以運(yùn)行的應(yīng)用。開(kāi)發(fā)離線Web應(yīng)用需要幾個(gè)步驟：（1）確保應(yīng)用知道設(shè)備是否能上網(wǎng)；（2）應(yīng)用還必須能訪問(wèn)一定的資源（圖像、JavaScr...
摘要：在線離線應(yīng)用緩存就是一個(gè)從瀏覽器的緩存中分出來(lái)的緩存去，在緩存中保存數(shù)據(jù)，可以使用一個(gè)描述文件，列出要下載和緩存的資源。 離線檢測(cè) HTML5中定義的： navigator.onLine如果為true則表示設(shè)備能夠上網(wǎng) 注意是大寫(xiě)的L（onLine）； 用下面代碼檢測(cè)屬性狀態(tài)： if (navigator.onLine) { // statement if online } e...
閱讀 3278·2021-10-11 11:08
閱讀 4422·2021-09-22 15:54
閱讀 911·2019-08-30 15:56
閱讀 864·2019-08-30 15:55
閱讀 3540·2019-08-30 15:52
閱讀 1351·2019-08-30 15:43
閱讀 1937·2019-08-30 11:14
閱讀 2502·2019-08-29 16:11
