一、Html5 之前的本地存儲
    1、Cookie
      
         缺點:
            1. 大小限制，4KB.
            2. 附加在每次請求中，增加流量。
            3. 在http中是明文傳輸，安全性比較低
    2、Flash Local Shared Objects
        2002年Flash推出的可以在Flash對象中存儲100K的數據
        缺點：
        需要Flash的支持，存在技術局限性
    3、Gears
         2007年Google啟動的項目，通過插件技術增強瀏覽器的。Gears提供Api訪問基于Sqlite的嵌入式SQL數據庫。
         缺點：
         用戶必須去安裝Gears插件，不可控。
二、WAP時代的本地存儲
      

     1、不支持任何本地存儲。

  
三、Html5 現在支持的本地存儲及使用
      

    1、 什么是HTML5本地存儲?
           1. 一種讓網頁可以把鍵值對存儲在用戶瀏覽器客戶端的方法。像Cookie一樣，這些數據不會因為你打開新網站，刷新頁面，乃至關閉你的瀏覽器而消失。(只能存儲字符串)。
  
           2.而與Cookie不同的時，這些數據不會每次隨著HTTP請求被發送到服務器端

           3. HTML5規范的一部分，這一接口會被瀏覽器原生支持，不用依賴任何第三方插件。只要瀏覽器支持html5就能支持
 

    2、手機對本地存儲的支持情況

         Iphone Android
              2.0+ 2.0+

    3、判斷瀏覽器是否支持 本地存儲
        function isSupportStorage(){
     return "localStorage" in window;
        }   

LocalStorage的用法:
 本地存儲不會過期的數據。
一、W3C定義的Storage的接口

二、localStorage的操作
       1. 存儲數據
       2. 讀取數據
       3. 列出所有緩存數據
       4. 刪除數據
       5. 保存JSON對象 

三、使用場景
  1. 存儲一些很少變動的數據，比如用戶的昵稱。
  2. 存儲一些用戶編輯很長時間的數據，比如郵件、文章的草稿

四、不同于服務器存儲
        數據可能隨時丟掉。
        當服務器緩存使用