请停止使用 Local Storage

阅读时长 4 分钟读完

在现代的 Web 开发中,Local Storage 是一个非常流行的技术,它可以用来存储客户端浏览器上的数据。然而,尽管 Local Storage 看起来很方便,但它也存在一些缺点和问题,使得我们应该考虑停止使用它。

Local Storage 的缺点

安全性

Local Storage 中存储的数据是明文保存的,这意味着任何人都可以轻松地查看和修改这些数据。如果你需要存储敏感信息,比如用户密码或信用卡号码,那么 Local Storage 绝对不是一个好的选择。

存储空间

每个浏览器对 Local Storage 的存储空间都有限制。例如,对于 Chrome 浏览器而言,每个域名最多可以存储 10MB 的数据。当你存储大量数据时,可能会超过这个限制,导致无法继续存储。

性能问题

Local Storage 的读写速度相对较慢,特别是在处理大量数据时。由于每个页面都需要从客户端获取数据,所以在某些情况下,它可能会影响网站的响应速度。

改用其他替代方案

为了解决 Local Storage 存在的问题,我们可以选择使用其他更好的替代方案。以下是几种常见的替代方案:

IndexedDB

IndexedDB 是一种在客户端存储数据的高级 API,它提供了比 Local Storage 更强大和可扩展的功能。与 Local Storage 不同,IndexedDB 的数据存储是异步的,这意味着它可以更好地处理大量数据,并且不会影响网站的性能。

-- -------------------- ---- -------
-- -- --------- ----
----- --------- - ---------------- -- ------------------- -- ---------------------- -- -------------------

-- ------------ -
  --------------------- ------------
-

----- ------- - ---------------------------- ---

--------------- - --------------- -
  -----------------------
--

----------------------- - --------------- -
  ----- -- - --------------------
  ----- ----------- - --------------------------------- - -------- ---- ---
  ------------------------------- ------- - ------- ----- ---
  -------------------------------- -------- - ------- ---- ---
--

----------------- - --------------- -
  ----- -- - --------------------
  ----- ----------- - ----------------------------- -------------
  ----- ----------- - -------------------------------------

  ----- -------- - - --- ------ ----- ----- ----- ------ -------------- --
  ----- ------- - --------------------------

  ----------------- - --------------- -
    ----------------------------
  --

  ---------------------- - ---------- -
    -----------
  --
--

Web SQL

Web SQL 是一种基于 SQL 的浏览器数据库,它可以在客户端存储大量数据,并且提供了非常方便的查询功能。然而,由于 Web SQL 仅被 Safari 和 Opera 支持,所以你应该考虑使用其他支持更广泛的替代方案。

-- -------------------- ---- -------
-- -- --- --- ----
----- -- - -------------------- ------ --- ---------- - - ---- - ------

--------------------------- -
  --------------
    ------- ----- -- --- ------ --------- --- ------- ----- -------
  --
  --------------
    ------- ---- --------- ---- ----- ------ ------ --- -- ----
    ------- ----- ----- ---------------
  --
---

Cookies

Cookies 是一种在客户端存储数据的简单方法,可以存

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/10269

纠错
反馈