介紹 判斷 locals bsp ins asr chrom 傳輸 擴展

本文轉載：http://www.f-z.cn/id/261 一、背景介紹 登錄功能，是前端經常要完成的需求之一。 一個 網站有很多的操作是必須要用戶登陸才能進行操作的 那麽如何進行登錄判斷？ 需要用到什麽樣的屬性或者方法？ 有什麽地方的細節需要註意？ 以上這些，都是本次小課堂要講解的重點！ 二、知識剖析 如果想要實現登陸判斷，就要有一個判斷的依據。 首先，這個依據在我們訪問網站的過程中不會失效， 其次，這個依據要能存儲一定的信息，以提供必要的判斷， 同時滿足這兩個條件有Storage和cookie

1、Web Storage WebStorage是HTML5中本地存儲的解決方案之一 Web Storage實際上由兩部分組成:sessionStorage與localStorage。 2、localStorage和sessionStorage localStorage用於持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的。 sessionStorage存儲的數據只在會話期間有效，關閉瀏覽器則自動刪除。 3、什麽是cookie 首先，cookie,sessionStorage和localStorage，都是web存儲裏面的知識點，雖然都是網頁數據存儲，但他們產生的先後順序和應用是不同的。

cookie有時也用cookies。網景公司發展的一種機制，Cookie是由服務器端生成，發送給瀏覽器，瀏覽器會將Cookie的key/value保存到某個目錄下的文本文件內，下次請求同一網站時就發送該Cookie給服務器（前提是瀏覽器設置為啟用cookie）。Cookie名稱和值可以由服務器端開發自己定義，服務器可以設置或讀取Cookies中包含信息，借此維護用戶跟服務器會話中的狀態。目前，cookie已經成為一種標準，所有的主流瀏覽器如IE、chrome、Firefox、Opera等都支持Cookie。 三、常見問題 現在多數驗證登陸的方法就是使用storage。

那為什麽不用cookie？ 四、解決方案 編碼實戰 cookie怎麽了？ 1. 數據大小：作為存儲容器，cookie的大小限制在4KB左右。 2. 安全性問題：由於在HTTP請求中的cookie是明文傳遞的（HTTPS不是），帶來的安全性問題還是很大的。 3. 網絡負擔：我們知道cookie會被附加在每個HTTP請求中，在HttpRequest和HttpResponse的header中都是要被傳輸的， 所以無形中增加了一些不必要的流量損失。 這是在地址欄裏輸入登錄之後的頁面會出現跳轉到登陸頁的現象， 五、擴展思考 Web Storage相對於cookie的優勢 1.從容量上講WebStorage一般瀏覽器提供5M的存儲空間，用來存儲視頻、圖片神馬的不夠，但對於絕大部分操作足矣 2.安全性上WebStorage並不作為HTTP header發送的瀏覽器，所以相對安全。 3.從流量上講，因為WebStorage不傳送到服務器，所以不必要的流量可以節省。 加入職業技能圈 q群：272292492

分針網——每日分享：登錄之後，在其他頁面怎麽判斷是否已經登錄