JavaScript 中的本地存储：localStorage 和 cookie

在 Web 开发中，与浏览器存储相关的两个重要概念是 localStorage 和 cookie。它们都提供了在客户端保存数据的能力，但在实现和使用方式上有一些区别。本文将详细介绍这两种存储方式，并提供相应的源代码示例。

1. localStorage
   localStorage 是 HTML5 引入的一种持久化的客户端存储机制。它允许开发者在用户的浏览器中存储键值对。与 cookie 不同，localStorage 的数据在每次请求时不会被发送到服务器，因此可以存储较大的数据量。

下面是一个简单的示例，展示如何使用 localStorage 存储和检索数据：

// 存储数据
localStorage.setItem('name', 'John');
localStorage.setItem('age'