学习浏览器中的JavaScript - 存储(一)

iwin621
148 阅读3分钟

这是我参与11月更文挑战的第21天，活动详情查看：2021最后一次更文挑战

前言

上文简单学习了关于浏览器中的JS之 WebSocket的理解&发送接收信息, 本文继续来学习浏览器中的JavaScript - 存储(一)

通过前几篇文章我们学习记录了浏览器中的 JavaScript, 更多更文-各知识点小结-list:

浏览器中的JavaScript - 存储(一)

客户端的信息存储: 早期的网络时代开始，网站就使用 cookies 来存储信息，以在网站上提供个性化的用户体验。它们是网络上最早最常用的客户端存储形式。

存储的分类:

  1. 早期传统的 -> cookie
  2. 现代化的 -> 浏览器使用的 Web Storage API : 包括sessionstorage 和 localstorage
  3. 现代化的 -> IndexedDB API
  4. 未来化的 -> Cache API

1. 最初的 cookie

比如有些时候我们访问一些网站时会收到提醒消息: 询问是否会使用 cookies 来存储关于网站内的互动等数据

how-do-you-use-cookie?

2. Web Storage API

Web Storage API 提供了一种非常简单的语法，用于存储和检索较小的、由名称和相应值组成的数据项。当您只需要存储一些简单的数据时，比如用户的名字，用户是否登录，屏幕背景使用了什么颜色等等，这是非常有用的。

3. IndexedDB API

IndexedDB API 为浏览器提供了一个完整的数据库系统来存储复杂的数据。这可以用于存储从完整的用户记录到甚至是复杂的数据类型，如音频或视频文件。

4. Cache API

未来化的 Cache : 在一些现代的浏览器中支持新的 Cache API。这个API是为存储特定HTTP请求的响应文件而设计的，它对于像存储离线网站文件这样的事情非常有用，这样网站就可以在没有网络连接的情况下使用。

相关更文阅读

  1. JavaScript 学习理解-Number-这是一个函数

  2. JS 学习理解-自动类型转换

  3. JavaScript 中的中缀运算符

  4. 你知道 JavaScript 的 typeof 是什么吗?

  5. 学习 JavaScript 中几个代表性事件(Event)

  6. 学习理解客户端 JavaScript-事件分类(一)

  7. 理解浏览器中的 JavaScript-事件注册

  8. 浏览器中的 JavaScript-fetch()网络请求方法

  1. HTTP 响应代码
  2. 浏览器中的JS-WebSocket通信(一)
  3. 学习浏览器中的JS-WebSocket发送接收消息(二)

Calm Down & Carry On!

Buy Less by Know More!

学习, 记录, 积累 是一个漫长的过程! 加油!

参考内容

avatar
文章
阅读
粉丝