### cookie cookie 本身不是用來做服務器端存儲的（計算機領域有很多這種“狗拿耗子”的例子，例如 CSS 中的 float），它是設計用來在服務器和客戶端進行信息傳遞的，因此我們的每個 HTTP 請求都帶著 cookie。但是 cookie 也具備瀏覽器端存儲的能力（例如記住用戶名和密碼），因此就被開發者用上了。 使用起來也非常簡單，`document.cookie = ....`即可。 但是 cookie 有它致命的缺點： * 存儲量太小，只有 4KB * 所有 HTTP 請求都帶著，會影響獲取資源的效率 * API 簡單，需要封裝才能用 ### localStorage 和 sessionStorage 后來，HTML5 標準就帶來了`sessionStorage`和`localStorage`，先拿`localStorage`來說，它是專門為了瀏覽器端緩存而設計的。其優點有： * 存儲量增大到 5MB * 不會帶到 HTTP 請求中 * API 適用于數據存儲`localStorage.setItem(key, value)``localStorage.getItem(key)` `sessionStorage`的區別就在于它是根據 session 過去時間而實現，而`localStorage`會永久有效，應用場景不同。例如，一些需要及時失效的重要信息放在`sessionStorage`中，一些不重要但是不經常設置的信息，放在`localStorage`中。 另外告訴大家一個小技巧，針對`localStorage.setItem`，使用時盡量加入到`try-catch`中，某些瀏覽器是禁用這個 API 的，要注意。