如果您是一名开发人员并且想进入.NET世界,您需要知道什么是可能的。由于.NETFramework是.NET生态系统中最流行的技术,您可以使用它来构建各种应用程序,但最近出现了.NETCore和.NETStandard库等新事物。我们可以在项目或构建中使用它吗?localStorage对象是网络编程中使用最广泛的对象之一。它提供了一种简单的解决方案,用于在用户计算机上本地存储键值对。大多数Web开发人员更喜欢localStorageAPI,因为它语法简单并且可以存储高达5MB的数据。此外,所有主流浏览器的最新版本都支持WebStorageAPI,其中包括localStorage和sessionStorage。只有OperaMini不支持webstorageAPI。您可以通过打开ChromeDevTools快速验证您的浏览器是否支持webstorageAPI。导航到控制台,键入下面的代码片段,然后按回车键。typeof(Storage)如果你收到一个undefined,那么你的浏览器不支持webstorageAPI。如果您的浏览器支持它,那么您应该会看到“功能”。本文探讨以下问题:什么是localStorage?localStorage和sessionStorage有什么区别?如何使用localStorageAPI进行CRUD操作本地存储有哪些常见的陷阱?localStorage的局限性是什么?什么是本地存储?如前所述,localStorage对象是浏览器原生支持的webstorageAPI的一部分。这是一个简单而有效的键/值存储解决方案。对于web开发者来说,使用localStorage对象最大的好处就是可以离线存储。最重要的是,当用户关闭浏览器或重新启动计算机时,我们不会丢失数据。即使在计算机重新启动后,网站仍然可以使用localStorageAPI读取用户计算机本地存储的数据。该解决方案为Web开发人员提供了几个有趣的用例。网站用户设置的离线存储用户搜索历史记录的保存购物车中商品的保存接下来,让我们比较一下localStorage和sessionStorage。localStorage和sessionStorage有什么区别?尽管这两个API看起来相同,但它们的实现方式存在细微差别。localStorageAPI用于在本地存储数据。因此,当用户刷新选项卡、关闭浏览器或重新启动计算机时,本地保存的数据不会丢失。它是长期存储重要数据的理想解决方案。页面刷新后sessionStorageAPI仍然有效,但仅在同一选项卡中有效。简而言之,在为您的应用程序选择存储解决方案时要注意。例如,最好将用户设置信息存储在localStorage中。相反,sessionStorage最适合存储特定会话的数据。如何使用localStorageAPI执行CRUD操作本节向您展示如何使用localStorageAPI执行添加、读取、更新或删除操作。基于此,我将向您展示一个清除特定页面的localStorage的技巧。首先,让我们在localStorage对象中创建一个新的键值对。setItem函数接受一个键及其值。为密钥选择一个合适的名称,您可能会用它来再次检索。localStorage.setItem('my-key','some-value')现在让我们再次检索新创建的对象。letitem=localStorage.getItem('my-key')console.log(item)//输出:“some-value”这很简单。让我们继续更新my-key的值。请注意,我们使用相同的setItem函数来覆盖它的值。localStorage.setItem('my-key','new-value')最后,让我们删除键。removeItem函数接受一个参数,即要删除的键。localStorage.removeItem('my-key')为确保我们已删除所有密钥,让我们使用clear函数清除存储在localStorage中的所有应用程序内容。localStorage.clear()现在,我们准备好进行更高级的localStorage操作。高级localStorage操作:遍历让我们看一下用于遍历localStorage对象和查找键的方法。第一种方法使用最直接的for循环。请注意,我们可以直接在localStorage对象上使用length属性。for(leti=0;i
