Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Khác biệt giữa Local Storage và Cookies

Trên client và server có các storage sau: Local Storage, Session Storage, và Cookies.

Local Storage

  • Thiết kế cho lưu trữ nhiều cửa sổ, tồn tại vượt qua phiên hiện tại.
  • Web app có thể lưu megabytes dữ liệu user (văn bản, mailbox) client-side để tăng hiệu năng.
  • Cookies không phù hợp vì được gửi kèm mọi request (tốn bandwidth).
  • Có sẵn cho mọi trang, tồn tại sau khi đóng trình duyệt.
  • Không đọc được trên server (chỉ client-side).
  • Dữ liệu không có ngày hết hạn.
  • Xóa bằng cách clear browser cache hoặc dùng JS: localStorage.clear().

Cookies

  • Có thể đặt thời gian hết hạn (expiration).
  • Gửi tự động kèm mọi HTTP request đến domain.
  • Dung lượng nhỏ (~4KB/cookie, ~180 cookie/domain).
  • Đọc được cả client và server.

Session Storage

  • Tương tự Local Storage nhưng chỉ tồn tại trong tab/phiên hiện tại. Đóng tab = mất dữ liệu.