前端经典面试题合集, 浏览器的本地存储方式有哪些,有什么区别,分别有哪些应用场景?

Step 1

Q:: 浏览器的本地存储方式有哪些？

A:: 浏览器的本地存储方式主要有以下几种：1. Cookie 2. LocalStorage 3. SessionStorage 4. IndexedDB 5. WebSQL（已废弃）。这些存储方式各有不同的特点和应用场景。

Step 2

Q:: Cookie 和 LocalStorage 有什么区别？

A:: 1. 生命周期：Cookie 一般会有过期时间，过期后自动删除；LocalStorage 没有过期时间，除非手动删除，否则一直存在。2. 数据大小：Cookie 大小限制一般为4KB；LocalStorage 通常可以存储5MB的数据。3. 数据发送：每次请求都会携带 Cookie 数据；LocalStorage 不会自动发送数据。

Step 3

Q:: SessionStorage 和 LocalStorage 有什么区别？

A:: 1. 生命周期：SessionStorage 数据在页面会话结束时删除；LocalStorage 数据会永久保存在客户端，直到被手动删除。2. 数据共享：SessionStorage 仅在同一窗口（或标签页）共享；LocalStorage 在同一源的所有窗口（或标签页）中共享。

Step 4

Q:: IndexedDB 的特点和应用场景是什么？

A:: IndexedDB 是一个低级 API，用于客户端存储大量结构化数据。它是异步的，支持事务，适合用于离线应用、大数据存储和复杂查询操作。