9
第17课：使用 localStorage 读写键值数据
source link: https://blog.csdn.net/nokiaguy/article/details/108729640
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
第17课：使用 localStorage 读写键值数据
对于大多数桌面应用来说，都绕不开数据存储，我们可以将数据保存在各种类型的文件或数据库中，如纯文本文件、二进制文件、XML 文件、JSON 文件、关系型数据库、文档数据库等。
由于 Electron 应用本质上是基于 Web 技术的，因而 Electron 应用的存储方案其实就是 Web 的存储方案。在以前，Web 存储方案非常单一，数据都是依赖于后端数据库的存储，如果用户在前端页面输入一些数据，提交后，数据会被保存到服务端的数据库中（如 MySQL、SQL Server 等）。不过随着 HTML 5 的兴起，Web 可以将数据保存到前端，这样 Web 数据存储方案就分为前端和后端。
由于 Electron 同时也可以调用 Node.js API，因而也支持 SQLite 数据库，不过 Electron 中操作 SQLite 数据库有一些特别，这一点在后面的文章中会详细介绍。
本节会介绍一种比较简单的键值存储技术 localStorage，它属于浏览器 API，并不需要使用第三方组件。
localStorage 会使用 key/value 的方式存储数据，本例会使用 localStorage 技术实现一个笔记本的应用。在笔记本中输入的文本会实时存储在 localStorage 中，下面是实现步骤。
（1）实现主页面（index.html）
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK