摘要:客戶(hù)端存儲(chǔ)的相關(guān)技術(shù)有鍵值對(duì)存儲(chǔ),綁定到某個(gè)域,并存儲(chǔ)瀏覽器會(huì)話(huà)數(shù)據(jù)鍵值對(duì)存儲(chǔ),綁定到某個(gè)域,會(huì)話(huà)結(jié)束時(shí)會(huì)刪除由一個(gè)瀏覽器內(nèi)建的對(duì)象存儲(chǔ)器,來(lái)存儲(chǔ)跨會(huì)話(huà)數(shù)據(jù)一個(gè)完整的關(guān)系型數(shù)據(jù)庫(kù),可以作為的替代方案通過(guò)聲明文件,來(lái)讓客戶(hù)端存儲(chǔ)離線(xiàn)文件。
客戶(hù)端存儲(chǔ)的相關(guān)技術(shù)有
localStorage 鍵-值對(duì)存儲(chǔ),綁定到某個(gè)域,并存儲(chǔ)瀏覽器會(huì)話(huà)數(shù)據(jù);
sessionStorage 鍵-值對(duì)存儲(chǔ),綁定到某個(gè)域,會(huì)話(huà)結(jié)束時(shí)會(huì)刪除;
IndexedDB 由一個(gè)瀏覽器內(nèi)建的對(duì)象存儲(chǔ)器,來(lái)存儲(chǔ)跨會(huì)話(huà)數(shù)據(jù);
WebSQLDatabases 一個(gè)完整的關(guān)系型數(shù)據(jù)庫(kù),可以作為IndexedDB的替代方案;
menifest 通過(guò)聲明menifest文件,來(lái)讓客戶(hù)端存儲(chǔ)離線(xiàn)文件。
localStorage的用法示例保存
localStorage.setItem(“background_color”,$(“#background_color”).val())
獲取
var bgcolor = localStorage.getItem(“background_color”)
模擬使用場(chǎng)景
設(shè)置用戶(hù)個(gè)性化樣式,通過(guò)表單選擇CSS值后,將其發(fā)送給服務(wù)器的同時(shí)設(shè)置localStorage。在頁(yè)面加載的時(shí)候,將localStorage的值取出,將樣式通過(guò)DOM操作應(yīng)用到界面上。
會(huì)話(huà)結(jié)束時(shí)刪除數(shù)據(jù),則可以采用這種方法。
保存
sessionStorage.setItem(‘name’,’Brian Hogan’)
取出
var name = sessionStorage.getItem(‘name’)
操作和數(shù)據(jù)庫(kù)類(lèi)似,它的主要特點(diǎn)是請(qǐng)求后由事件異步執(zhí)行。首先和相應(yīng)數(shù)據(jù)庫(kù)發(fā)送連接請(qǐng)求,請(qǐng)求成功后執(zhí)行增刪改查等操作。
《HTML5和CSS3實(shí)例教程》上內(nèi)容較老,具體參考火狐開(kāi)發(fā)者文檔:
https://developer.mozilla.org...
創(chuàng)建一個(gè)manifest文件,里面包含web 應(yīng)用客戶(hù)端文件(HTML、CSS、JS文件),當(dāng)用戶(hù)第一次訪(fǎng)問(wèn)HTML主頁(yè)時(shí),menifest所標(biāo)注的所有文件都會(huì)下載到客戶(hù)端。
manifest文件必須通過(guò) text/cache-manifest 的MiME類(lèi)型來(lái)提供給用戶(hù)。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/88509.html
摘要:云計(jì)算技術(shù)如何運(yùn)作云計(jì)算如今并不是什么新鮮事物。云計(jì)算技術(shù)和自動(dòng)化協(xié)同工作,簡(jiǎn)化服務(wù)臺(tái),這樣可以縮短故障響應(yīng)時(shí)間,并改善整體客戶(hù)體驗(yàn)。云計(jì)算技術(shù)的進(jìn)步使企業(yè)能夠從全球各地招聘人才。云計(jì)算技術(shù)已經(jīng)滲透到人們生活的各個(gè)方面,其中包括個(gè)人喜好和專(zhuān)業(yè)工作。例如,很多音樂(lè)和電視節(jié)目都可以在云端存儲(chǔ)和訪(fǎng)問(wèn)。從待辦事項(xiàng)列表到隨機(jī)筆記,手機(jī)的所有內(nèi)容都可以在云平臺(tái)中備份和訪(fǎng)問(wèn)。它改變了人們的工作方式,也改變...
摘要:學(xué)開(kāi)發(fā)半年多,之前一直有個(gè)疑問(wèn)為什么要用,好好的用不好嗎其實(shí)就是新技術(shù)與老技術(shù),但是還是想弄懂這個(gè)問(wèn)題之前一直疑惑,今天搞懂了,整合了一下學(xué)習(xí)過(guò)程,先對(duì)比一下與一簡(jiǎn)述的生成方式與的生成方式的生成方式瀏覽器第一次訪(fǎng)問(wèn)服務(wù)器時(shí),服務(wù)器創(chuàng)建一個(gè), 學(xué)開(kāi)發(fā)半年多,之前一直有個(gè)疑問(wèn):為什么要用token,好好的用sessionID不好嗎(其實(shí)就是新技術(shù)與老技術(shù),但是還是想弄懂)這個(gè)問(wèn)題之前一直疑...
摘要:創(chuàng)建類(lèi)中并沒(méi)有真正的類(lèi),但中有構(gòu)造函數(shù)和運(yùn)算符。任何函數(shù)都可以用作構(gòu)造函數(shù),構(gòu)造函數(shù)必須使用運(yùn)算符作為前綴來(lái)創(chuàng)建新的實(shí)例。調(diào)用構(gòu)造函數(shù)時(shí)不要丟掉關(guān)鍵字。這里使用基于原型的繼承,而沒(méi)有用到構(gòu)造函數(shù)和關(guān)鍵字。 1.創(chuàng)建類(lèi) JavaScript中并沒(méi)有真正的類(lèi),但JavaScript中有構(gòu)造函數(shù)和new運(yùn)算符。構(gòu)造函數(shù)用來(lái)給實(shí)例對(duì)象初始化屬性和值。任何JavaScript函數(shù)都可以用作構(gòu)造函...
摘要:原文地址一個(gè)非常適合入門(mén)學(xué)習(xí)的博客項(xiàng)目前端掘金一個(gè)非常適合入門(mén)學(xué)習(xí)的項(xiàng)目,代碼清晰結(jié)構(gòu)合理新聞前端掘金介紹一個(gè)由編寫(xiě)的新聞。深入淺出讀書(shū)筆記知乎專(zhuān)欄前端專(zhuān)欄前端掘金去年的一篇老文章,恰好今天專(zhuān)欄開(kāi)通,遷移過(guò)來(lái)。 破解前端面試(80% 應(yīng)聘者不及格系列):從閉包說(shuō)起 - 掘金修訂說(shuō)明:發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后,全網(wǎng)閱讀量超過(guò) 6W,在知乎、掘金、cnodejs ...
摘要:原文地址一個(gè)非常適合入門(mén)學(xué)習(xí)的博客項(xiàng)目前端掘金一個(gè)非常適合入門(mén)學(xué)習(xí)的項(xiàng)目,代碼清晰結(jié)構(gòu)合理新聞前端掘金介紹一個(gè)由編寫(xiě)的新聞。深入淺出讀書(shū)筆記知乎專(zhuān)欄前端專(zhuān)欄前端掘金去年的一篇老文章,恰好今天專(zhuān)欄開(kāi)通,遷移過(guò)來(lái)。 破解前端面試(80% 應(yīng)聘者不及格系列):從閉包說(shuō)起 - 掘金修訂說(shuō)明:發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后,全網(wǎng)閱讀量超過(guò) 6W,在知乎、掘金、cnodejs ...
閱讀 2656·2023-04-25 20:05
閱讀 3005·2023-04-25 17:56
閱讀 2371·2021-10-14 09:49
閱讀 2856·2019-08-29 15:10
閱讀 3005·2019-08-29 12:25
閱讀 500·2019-08-28 18:23
閱讀 855·2019-08-26 13:26
閱讀 1462·2019-08-23 18:21