js的一些数据存储方式

一、本地存储随着.互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据, HTML 5规范提出了相关解决方案。本地存储特性1、数据存储在用户浏览器中。2、设置、读取方便、甚至页面刷新不失数据。3、容量较大, sessionStorage约5M、localStorage约20M。4、只能存储字符串,可以将对象JSON.stringif

墨_风

2682人浏览 · 2021-08-21 08:33:15

墨_风 · 2021-08-21 08:33:15 发布

一、本地存储

随着.互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据, HTML 5规范提出了相关解决方案。

本地存储特性

1、数据存储在用户浏览器中。

2、设置、读取方便、甚至页面刷新不失数据。

3、容量较大, sessionStorage约5M、localStorage约20M。

4、只能存储字符串,可以将对象JSON.stringify0编码后存储。

二、window.sessionStorage

1、生命周期为关闭浏览器窗口。

2、在同一个窗口(页面)下数据可以共享。

3、以键值对的形式存储使用。

存储数据:

在这里插入图片描述

例：

在这里插入图片描述

获取数据:

在这里插入图片描述

删除数据:

在这里插入图片描述

删除所有数据:

在这里插入图片描述

三、window.localStorage

1.生命周期永久生效,除非手动删除否则关闭页面也会存在。

2.可以多窗口(页面)共享(同一浏览器可以共享)。

3.以键值对的形式存储使用。

存储数据:

在这里插入图片描述

获取数据:

在这里插入图片描述

删除数据:

在这里插入图片描述

删除所有数据:

在这里插入图片描述

魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

【计算机视觉】Pixel逐像素分类&Mask掩码分类理解摘要

魔乐社区

计算机视觉（opencv）实战三十二——CascadeClassifier 人脸微笑检测（摄像头）

本文从原理到实现，详细介绍了基于 OpenCV Haar 分类器的人脸与微笑检测：讲解了 Haar 特征和级联检测原理。对代码逐行拆解并解释参数含义。画出完整流程图，帮助理解执行过程。给出了常见问题和优化建议，甚至扩展到深度学习方法。这种方法简单、轻量、实时性好，非常适合入门和小型应用项目。但如果需要更高准确率和更强鲁棒性，建议使用深度学习检测器替代 Haar 分类器。