一、保存方式

• Cookie數據存儲在客戶端（瀏覽器）和服務器之間，因為它們會在每個HTTP請求中被發送到服務器
• Web Storage數據存儲在客戶端（瀏覽器）中，不會每個隨著HTTP的請求發送到服務器

二、生命周期

• Cookie可以具有過期時間，可以在瀏覽器會話結束后保留（會話Cookie）或在特定時間后過期（持久Cookie）
• localStorage除非手動清除否則可以永久保留
  -sessionStorage關閉當前頁面或瀏覽器后失效

三、存儲大小

• Cookie4KB，對于小型數據，如會話標識符或少量文本數據，Cookie比較合適
• WebStorage各自可存儲5MB或更多的數據

四、用途（使用場景）

• Cookie因每次請求都會攜帶在http中，用來識別用戶登錄。通常用于在客戶端和服務器之間傳遞會話標識符、跟蹤用戶行為和存儲小型數據
• Web Storage更適合用于存儲本地應用程序、緩存數據、用戶首選項等，而不是與服務器通信的標識符
• localStorage可以用來跨頁面傳參
• sessionStorage可用來保留一些臨時數據

五、API

• Cookie:使用document.cookie屬性來讀取和設置cookie
• Web Storage：使用localStorage和sessionStorage對象來讀取和設置數據，它們提供了更方便的API，如setItem、getItem和removeItem等方法。

// 存儲數據到localStorage
localStorage.setItem("username", "John");
localStorage.setItem("email", "john@example.com");

// 刪除特定數據項
localStorage.removeItem("email");

// 檢索和顯示數據
var username = localStorage.getItem("username");
var email = localStorage.getItem("email");