您現在的位置是:電腦技術吧?>? 基礎知識 ??>??存儲原理,存儲雙活詳解原理??>??正文詳情

存儲原理,存儲雙活詳解原理

池泰清2019-11-22 09:21:45 人圍觀
簡介3par存儲雙活解決方案說到web開發中的本地存儲,首先要考慮的是cookies。當然,第一批餅干都是已知的。主要的問題是它們太小了,大約4KB。而且,IE6每個域名只支持20個coo存儲框架

說到Web開發中的本地存儲,大家最先想到的應該就是Cookies這玩意了,最早的Cookies自然是大家都知道,問題主要就是太小,大概也就4KB的樣子,而且IE6只支持每個域名20個cookies,太少了。

優勢就是大家都支持,而且支持得還蠻好。

很早以前那些禁用cookies的用戶也都慢慢的不存在了,就好像以前禁用ja vasc ript的用戶不存在了一樣。

  userData是IE的東西,垃圾。

現在用的最多的是Flash吧,空間是Cookie的25倍,基本夠用。

再之后Google推出了Gears,雖然沒有限制,但不爽的地方就是要裝額外的插件(沒具體研究過)。

到了HTML5把這些都統一了,官方建議是每個網站5MB,非常大了,就存些字符串,足夠了。

比較詭異的是居然所有支持的瀏覽器目前都采用的5MB,盡管有一些瀏覽器可以讓用戶設置,但對于網頁制作者來說,目前的形勢就5MB來考慮是比較妥當的。

  支持的情況如上圖,IE在8.0的時候就支持了,非常出人意料。

不過需要注意的是,IE、Firefox測試的時候需要把文件上傳到服務器上(或者localhost),直接點開本地的HTML文件,是不行的。

  首先自然是檢測瀏覽器是否支持本地存儲。

在HTML5中,本地存儲是一個window的屬性,包括localStorage和sessionStorage,從名字應該可以很清楚的辨認二者的區別,前者是一直存在本地的,后者只是伴隨著session,窗口一旦關閉就沒了。

二者用法完全相同,這里以localStorage為例。

  存儲數據的方法就是直接給window.localStorage添加一個屬性,例如:window.localStorage.a 或者 window.localStorage[a]。

它的讀取、寫、刪除操作方法很簡單,是以鍵值對的方式存在的,如下:

  這里最推薦使用的自然是getItem()和setItem(),清除鍵值對使用removeItem()。

如果希望一次性清除所有的鍵值對,可以使用clear()。

另外,HTML5還提供了一個key()方法,可以在不知道有哪些鍵值的時候使用,如下:

  寫一個最簡單的,利用本地存儲的計數器:

  不斷刷新就能看到數字在一點點上漲,如下圖所示:  需要注意的是,HTML5本地存儲只能存字符串,任何格式存儲的時候都會被自動轉為字符串,所以讀取的時候,需要自己進行類型的轉換。

這也就是上一段代碼中parseInt必須要使用的原因。

  另外,在iPhone/iPad上有時設置setItem()時會出現詭異的QUOTA_EXCEEDED_ERR錯誤,這時一般在setItem之前,先removeItem()就ok了。

  HTML5的本地存儲,還提供了一個storage事件,可以對鍵值對的改變進行監聽,使用方法如下:

  對于事件變量e,是一個StorageEvent對象,提供了一些實用的屬性,可以很好的觀察鍵值對的變化,如下表:

  這里添加兩個鍵值對a和b,并增加一個按鈕。

給a設置固定的值,當點擊按鈕時,修改b的值:

  測試發現,目前瀏覽器對這個支持不太好,僅iPad和Firefox支持,而且Firefox支持得亂糟糟,e對象根本沒有那些屬性。

iPad支持非常好,用的是e.uri(不是e.url),臺式機上的Safari不行,詭異。

  目前瀏覽器都帶有很好的開發者調試功能,下面分別是Chrome和Firefox的調試工具查看LocalStorage:

  另外,目前ja vasc ript使用非常多的json格式,如果希望存儲在本地,可以直接調用JSON.stringify()將其轉為字符串。

讀取出來后調用JSON.parse()將字符串轉為json格式,如下所示:

  JSON對象在支持localStorage的瀏覽器上基本都支持,需要注意的是IE8,它支持JSON,但如果添加了如下的兼容模式代碼,切到IE7模式就不行了(此時依然支持localStorage,雖然顯示window.localStorage是[ob ject],而不是之前的[ob ject Storage],但測試發現getItem()、setItem()等均能使用)。

me ta content=IE=7 http-equiv=X-UA-Compatible/

版權聲明:本文由 池泰清 整理編輯。

原標題:存儲雙活原理,ibm存儲雙活詳解原理

轉載注明出處:http://www.dn9ww09s.icu/basics/13873.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 魔獸世界沒聲音,魔獸世界聲音

    魔獸世界沒聲音,魔獸世界聲音 相關圖片魔獸世界調查聲音魔獸世界是一個非常實用的移動助理魔獸世界。在這個軟件中,用戶即使不登錄魔獸世界客戶端,也可以了解游戲的最新信息。不過,最近有朋友反映他們有點吵。我...

  • 編程的設計模式,編程設計模式有哪些

    編程的設計模式,編程設計模式有哪些 相關圖片java設計模式代碼我真的認為編寫CSS并不難,但是編寫可維護的CSS比其他編程語言更難。幸運的是,有很多資深人士提出了許多設計模式和思路。站在巨人的肩膀上,我們可以讓事情做得...

  • 天天練班級號,天天練怎么建班級

    天天練班級號,天天練怎么建班級 相關圖片樂樂課堂手機官網日常練習是一個非常好的閱讀和學習軟件。在這個軟件中,你可以通過回答問題來節省金幣作為禮物。那么如何在日常實踐中加入課堂呢?現在,超人軟件編輯還想為...

  • 晶瑩剔透還是晶瑩剔透,晶瑩剔透的露珠

    晶瑩剔透還是晶瑩剔透,晶瑩剔透的露珠 相關圖片晶瑩剔透的水珠像什么第一步是隨意創建一個新的畫布,用﹐000066填充背景色,用鋼筆畫出基本形狀,羽毛邊框(半徑1),填充放射性梯度,并在濾光片外添加光線,效果如圖所示:第...

  • 泰微課視頻在線觀看,免費微課視頻在線觀看

    泰微課視頻在線觀看,免費微課視頻在線觀看 相關圖片免費微課觀看親子成長是一個非常實用的教育軟件。通過這個軟件,家長和孩子們可以一起了解生活各個方面的習慣,學習他們在學校學不到的知識。那么家長和孩子怎么能一起長大看...

  • 送男人什么禮物最難忘,送男友實用禮物排行榜

    送男人什么禮物最難忘,送男友實用禮物排行榜 相關圖片感動一個男生的套路我相信銀幕前有很多小姐妹都在擔心男友的生日。他們必須認真考慮該送什么禮物。你男朋友的生日禮物是什么?現在,超人軟件編輯會給你一些建議,告訴你什么...

  • outline怎么用,什么是outline

    outline怎么用,什么是outline 相關圖片outline格式首先,提綱是一件很好的事情。一。邊疆的近親勾勒和邊疆的近親。你為什么這么說?首先,它們都是外部框架元素。其次,支持的屬性值幾乎相同,例如大綱樣式和邊框樣式...

  • 自己做鈴聲的軟件,蘋果鈴聲制作軟件下載

    自己做鈴聲的軟件,蘋果鈴聲制作軟件下載 相關圖片鈴聲自制軟件很難厭倦聽到系統本身的鈴聲。當您使用喜愛的歌曲作為鈴聲時,如果前奏曲太長,您可以使用鈴聲制作軟件。有這么多常用的鈴聲制作軟件,哪一個比較好用?鈴聲快速...

  • 抖音怎么發5分鐘完整版,抖音怎么拍5分鐘長視頻

    抖音怎么發5分鐘完整版,抖音怎么拍5分鐘長視頻 相關圖片抖音上傳三分鐘以上視頻教程自助餐是一個非常有趣的視頻播放軟件,你可以通過自助餐展示你的才華。那么,你知道如何制作顫音的長視頻嗎?現在,超人軟件的小編輯想介紹一下如...

  • Flash教程,Flash動畫實例教程

    Flash教程,Flash動畫實例教程 相關圖片Flash動畫設計Flash CS4在界面上與之前的CS3版本沒有顯著差異。三維工具、裝飾工具和骨骼工具將添加到“工具”菜單中。已為MC添加動畫編輯器。腳本語言沒有改變,主要是針Flash動畫設...

熱評文章

  • 激萌跟抖音怎么合成?,抖音怎樣和激萌一起拍

    激萌跟抖音怎么合成?,抖音怎樣和激萌一起拍 相關圖片激萌里的變老在哪自助餐是一個非常有趣的照片美化軟件。在這個軟件里,你可以拍攝各種很酷的視頻。現在,你知道如何在自助餐中添加可愛的效果嗎?現在,超人軟件編輯想介紹如...

  • 什么的輪廓,耳輪廓

    什么的輪廓,耳輪廓 相關圖片輪廓度拿個手電筒在黑暗中向相機揮動,拍一張光軌的照片。這種沒有繪畫的輕涂鴉很受歡迎。它的魅力不僅體現在黑暗中耀眼的光輝上,更體現在人們對一幅隨時都會幻滅的美麗畫卷...

  • 雨中冒險2怎么刷月亮,qq怎么刷星星月亮

    雨中冒險2怎么刷月亮,qq怎么刷星星月亮 相關圖片qq的太陽星星怎么刷Shiba是一個非常好的實時軟件。當你成為錨后,你可以通過升級你的評級到月亮或太陽來賺取更多的錢。那怎么刷月亮和太陽呢?現在,超人軟件編輯也想介紹一下如...

  • 浙工院app,i浙工院app

    浙工院app,i浙工院app 相關圖片i浙工院閃退浙江理工學院是浙江理工學院為學生開發的軟件。很多新同學和朋友反映,他們不知道如何使用浙江理工學院的應用程序。現在,超人軟件編輯就為大家介紹一下浙江理工學...

  • 元素hr,化學hr

    元素hr,化學hr 相關圖片hr是干嘛的定義以繪制水平線繪制水平規則。注意:此元素在Internet Explorer 3.0及更高版本的HTML中可用,在Internet Explorer 4.0及樂元素 面試...

  • 百度網盤flv視頻打不開,flv格式如何播放

    百度網盤flv視頻打不開,flv格式如何播放 相關圖片flv格式可以在電腦上播放嗎在網絡流媒體格式中,FLV格式是最常見的,大多數網絡視頻都是以FLV格式下載的。那么,FLV格式使用什么播放器來打開它呢?這里有幾個好的flv播放器推薦F...

  • 網頁排版,網頁排版模板

    網頁排版,網頁排版模板 相關圖片網頁排版設計軟件為了讓您了解CSS的作用,以及為什么要使用CSS而不是HTML表來進行web頁面布局,下面的示例向您解釋一個頁面是用HTML格式化的,另一個頁面是用CSS格式化網頁顯示排版不...

  • 有道翻譯官怎么收費,有道翻譯官同傳怎么用

    有道翻譯官怎么收費,有道翻譯官同傳怎么用 相關圖片有道翻譯官ar如何開啟如今,隨著國家的發展,人們有了旅游的錢,但不可避免地會遇到語言障礙的情況。這時,只要有翻譯,這個問題就可以解決。那你怎么用呢?現在,超人軟件編輯...

  • 取色器工具,取色器怎么用

    取色器工具,取色器怎么用 相關圖片帶取色器的軟件在日常的平面設計或繪畫中,我們需要在其他的材料上畫出顏色,而顏色選擇器會幫我們很多忙。通用屏幕顏色選擇器可以讀取屏幕上任何點的顏色,并將其轉換為RGB和...

  • GIF,gif動態圖第六八

    GIF,gif動態圖第六八 相關圖片泡茶杯下面小編就為大家介紹flash AS3,使茶杯的GIF動畫效果搖曳起來。這個教程很好,也很簡單。我們一起學吧!效果如下:(鼠標指向右邊茶壺可以看到震動效果)制作玻璃茶杯...

關注微信

变脸官网查询