雅虎用戶界面博客（YUIBlog）

在銳3圖庫：瑞安Grove的存儲Lite的跨瀏覽器存儲庫

隨著越來越多的瀏覽器增加支持HTML5的網絡存儲API ，未來正在尋找良好的網絡應用程序，需要持久的客戶端數據存儲。 不幸的是，保持與舊瀏覽器的兼容性還不支持網絡存儲可以是一個挑戰，以及丟棄舊的瀏覽器支持幾乎是不接受的辦法。

該存儲建興銳3圖庫模塊 ，它是為使用雅虎 搜索 ，旨在解決這個問題，並提供一個簡單，輕量級的API的封裝了多種持久性客戶端的存儲機制與外部插件依賴關係沒有任何形式的（甚至不是閃光）。 它重約 2.6KB在之前gzip壓縮後縮小，類似於 HTML5的localStorage API和作品在IE6 +，火狐2 +，Safari瀏覽器3.1 +，4 +瀏覽器和Opera 10.5 +。

除了 ​​是基於銳3，儲存建興不同於現有銳2存儲工具在幾個方面。 銳2存儲是一個強大的和可擴展的實現，保持更忠實於HTML5的localStorage和sessionStorage的API（例如，它提供了一個變化的事件和key()方法，該方法存儲Lite不）。 銳 2存儲也回落存儲在Flash或Gears為舊版瀏覽器，它可以在某些情況下提供更好的持久性和更多的存儲容量。 建興存儲行業擴展性和基於插件的回退重量更輕，性能更好，特別著重於模擬只localStorage。

來看看這個例子持續記事本 ，看看存儲建興在行動上，或閱讀以下非交互式代碼樣本快速瀏覽的API。

首先，包括腳本：

 <腳本鋼骨混凝土=“htt​​p://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js＆ 
  gallery-2010.02.22-22/build/gallery-storage-lite/gallery-storage-lite-min.js“> </腳本>

在您的實現代碼，監聽storage-lite:ready事件，該事件被觸發時的存儲機制是準備使用。 存儲機制後，已準備就緒，你可以使用API​​：

銳（）。使用（'畫廊存儲建興'，函數（Y）{

     / /對於完全兼容IE瀏覽器和Safari 3.x的6-7，監聽
     / /存儲建興：ready事件之前，存儲調用。 如果你不
     / /針對這些瀏覽器，你可以放心地忽略此步驟。
     Y.StorageLite.on（'存儲建興：做好準備'，函數（）{

         / /存儲一個項目，通過一鍵和一個值（包括字符串）setItem（）。
         Y.StorageLite.setItem（'小貓'，'蓬鬆可愛的'）;

         / /如果設置可選的第三個參數為 true，則可以使用任何
         / /序列化對​​象的值，它會自動儲存
         / /作為一個 JSON字符串。
         Y.StorageLite.setItem（'餡餅'，['蘋果'，'南瓜'，'核桃']，真實）;

         / /要檢索的項目，通過關鍵的GetItem（）。
         Y.StorageLite.getItem（'小貓'）; / / =>“蓬鬆可愛'

         / /要檢索並自動解析JSON值，設置可選
         / /第二個參數為 true。
         Y.StorageLite.getItem（'餡餅'，真）; / /“=> ['蘋果'，'南瓜'，'核桃']

         / /長度（）方法返回一個數的多少項目目前
         / /存儲。
         Y.StorageLite.length（）; / / =“2

         / /要刪除單個項目，通過其關鍵 RemoveItem將（）。
         Y.StorageLite.removeItem（'小貓'）;

         / /要刪除的所有項目在存儲，​​調用 clear（）。
         Y.StorageLite.clear（）;

     }）;

 }）;

數據存儲使用存儲在Lite是堅持綜合瀏覽量和瀏覽器重新啟動^*，並且可訪問同一個域中只能從它被存儲在其中。 在幕後，倉儲 Lite使用以下存儲機制，自動選擇最佳之一的支持：

• 火狐3.5 +，鉻4 +，4 +的Safari，IE8的，歌劇10.5 +： HTML5的localStorage -這些現代瀏覽器都支持核心localStorage功能定義在HTML5的草案。
• 火狐2.x和3.0.x的 ： 壁虎globalStorage的 ，早期的API類似HTML5的localStorage。
• Safari瀏覽器3.1和3.2： HTML5數據庫存儲 ，因為Safari 3.1和3.2不支持HTML5 localStorage。
• 在IE6，IE7的 ： 用戶數據的持久性 ，一個很少使用的IE瀏覽器的功能相關聯的字符串數據元素在網頁上，並堅持它之間的綜合瀏覽量。

有關詳細信息，請參閱存儲建興GitHub的項目和API參考 。

*警告：IE6和IE7中堅持綜合瀏覽量之間的數據，但不能跨瀏覽器重新啟動。

查找談話： bloglines | Technorati的

共享和擴展： 書籤和書籤 | Digg它！ | reddit！