介紹:?
工作原理:
客戶端發(fā)送請求躺彬,服務(wù)器端接收請求并返回相應(yīng)結(jié)果咕痛,這個時候就會顯示到頁面當(dāng)中,這個時候必然需要網(wǎng)絡(luò)距误。
離線存儲相對本地存儲簸搞,要好的地方就是:不光可以存儲字符串扁位,還可以存儲圖片,css,js等等
所以離線是怎么做到的趁俊?
離線是在客戶端和服務(wù)器端之間域仇,有一個文件,客戶端首先第一次的時候去服務(wù)器端進行請求寺擂,服務(wù)器端接收到之后不進是往客戶端發(fā)送結(jié)果暇务,同時還往離線應(yīng)用中發(fā)送了一次,這樣當(dāng)?shù)诙位蛘叩诙我院髲目蛻舳苏埱蟮臅r候怔软,這個時候就不走服務(wù)器端了垦细,就會走離線文件,不通過網(wǎng)絡(luò)了挡逼,因為離線文件和客戶端是在一起的括改,這個時候就可以返回相關(guān)資源了。
現(xiàn)在應(yīng)用的還不是特別的廣泛家坎,因為大部分網(wǎng)站都有交互的功能嘱能,一但沒有交互功能,網(wǎng)站就成了純展示虱疏,意義就不大了焰檩。
步驟 :?
沒做離線存儲時:比如你在開啟服務(wù)器的時候放了一張圖,斷網(wǎng)了订框,請求就發(fā)送不過去了,這個時候就無法連接了
做離線存儲 :
步驟看上圖:
? ? 1.服務(wù)器設(shè)置頭信息
? ? 2.manifest = "xxx.manifest" : 直接在html標(biāo)簽上寫兜叨,xxx代表離線的清單列表穿扳,相當(dāng)于就是離線文件,所以說把請求過的數(shù)據(jù)存在離線文件上国旷,下次請求的時候就可以直接從這里取了:
3.建一個離線文件:cache.mainfest,這時候這個文件就和頁面連接上啦矛物!
? ? 1>在文件內(nèi)寫CACHE MANIFEST : 意思是在它下面離線存儲的東西,這個時候第一次請求后跪但,就把這個圖片放到了離線文件中了履羞,下一次如果沒有網(wǎng),就不走服務(wù)器了屡久,就走這個文件清單了