[JavaScript] Cookie、LocalStorage、SessionStorage 三種差異 | localstorage是什麼
有了對上面這些差別的直觀理解,我們就可以討論三者的應用場景了。因為考慮到每個HTTP請求都會帶著Cookie的信息,所以Cookie當然是能精簡就精簡啦,比較常用的一個應用場景就是判斷用戶是否登錄。針對登錄過的用戶,服務器端會在他登錄時往Cookie中插入一段加密過的唯一辨識單一用戶的辨識碼,下次只要讀取這個值就可以判斷當前用戶是否登錄啦。曾經還使用Cookie來保存用戶在電商網站的購物車信息,如今有了localStorage,似乎在這個方面也可以給Cookie放個假了~而另一方面localStorage接替了Cookie管理購物車的工作,同時也能勝任其...
有了對上面這些差別的直觀理解,我們就可以討論三者的應用場景了。
因為考慮到每個HTTP 請求都會帶著Cookie 的信息,所以Cookie 當然是能精簡就精簡啦,比較常用的一個應用場景就是判斷用戶是否登錄。針對登錄過的用戶,服務器端會在他登錄時往Cookie 中插入一段加密過的唯一辨識單一用戶的辨識碼,下次只要讀取這個值就可以判斷當前用戶是否登錄啦。曾經還使用Cookie 來保存用戶在電商網站的購物車信息,如今有了localStorage,似乎在這個方面也可以給Cookie 放個假了~
而另一方面localStorage 接替了Cookie 管理購物車的工作,同時也能勝任其他一些工作。比如HTML5遊戲通常會產生一些本地數據,localStorage 也是非常適用的。如果遇到一些內容特別多的表單,為了優化用戶體驗,我們可能要把表單頁面拆分成多個子頁面,然後按步驟引導用戶填寫。這時候sessionStorage 的作用就發揮出來了。
需要注意的是,不是什麼數據都適合放在Cookie、localStorage 和sessionStorage 中的。使用它們的時候,需要時刻注意是否有代碼存在XSS 注入的風險。因為只要打開控制台,你就隨意修改它們的值,也就是說如果你的網站中有XSS 的風險,它們就能對你的localStorage 肆意妄為...