H5存儲3--離線存儲

介紹:?

工作原理:

客戶端發(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ù)器了屡久,就走這個文件清單了

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末忆首,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子被环,更是在濱河造成了極大的恐慌糙及,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件筛欢,死亡現(xiàn)場離奇詭異浸锨,居然都是意外死亡唇聘,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進店門柱搜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來迟郎,“玉大人,你說我怎么就攤上這事聪蘸∠苄ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵宇姚,是天一觀的道長匈庭。 經(jīng)常有香客問我,道長浑劳,這世上最難降的妖魔是什么阱持? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮魔熏,結(jié)果婚禮上衷咽,老公的妹妹穿的比我還像新娘。我一直安慰自己蒜绽,他們只是感情好镶骗,可當(dāng)我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著躲雅,像睡著了一般鼎姊。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上相赁,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天相寇,我揣著相機與錄音,去河邊找鬼钮科。 笑死唤衫,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的绵脯。 我是一名探鬼主播佳励,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蛆挫!你這毒婦竟也來了赃承?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤悴侵,失蹤者是張志新(化名)和其女友劉穎楣导,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體畜挨,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡筒繁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年噩凹,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片毡咏。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡驮宴,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出呕缭,到底是詐尸還是另有隱情堵泽,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布恢总,位于F島的核電站迎罗,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏片仿。R本人自食惡果不足惜纹安,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望砂豌。 院中可真熱鬧厢岂,春花似錦、人聲如沸阳距。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽筐摘。三九已至卒茬,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間咖熟,已是汗流浹背扬虚。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留球恤,地道東北人。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓荸镊,卻偏偏與公主長得像咽斧,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子躬存,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,055評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理张惹,服務(wù)發(fā)現(xiàn),斷路器岭洲,智...
    卡卡羅2017閱讀 134,664評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,178評論 25 707
  • 轉(zhuǎn)載:H5緩存機制淺析-移動端Web加載性能優(yōu)化【干貨】 作者:賀輝超宛逗,騰訊游戲平臺與社區(qū)產(chǎn)品部 高級工程師 目錄...
    meng_philip123閱讀 11,515評論 6 48
  • 國家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 10,988評論 6 13
  • 一組數(shù)據(jù)要進行二分查找,那么這個要查找的元素是有序盾剩,并且是連續(xù)存放(數(shù)組)雷激。這樣才可以進行二分查找替蔬。
    Simth閱讀 3,928評論 0 1