欢迎来到我的博客，代码的世界里，每一行都是一个故事 探秘WebSQL：轻松构建前端数据库 前言WebSQL简介WebSQL的基本操作WebSQL的实际应用WebSQL的局限性和替代方案 前言 在Web的世界里，我们总是追求更好的用户体验和更快的响应速度。而WebSQL技术，就像是给我们的网页穿上了数据库的外衣，让我们可以在前端轻松地存储、查询和操作数据

HTML5 Web SQL Html5数据库API是以一个独立规范形式出现，它包含三个核心方法： 1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。 2、transaction：这个方法允许我们根据情况控制事务提交或回滚。 3、executeSql：这个方法用于执行真实的SQL查询。 打开数据库 openDatabase方法可以打开已经存在的数据库，不存在则创

SessionStorage SessionStorage为前端存储，js通过sessionStorage对象进行操作，作用域为当前会话即当前窗口，窗户关闭时sessionStorage会被清空，从当前页面打开的新窗口会继承父窗口的sessionStorage，但修改新窗口中继承变量时，父窗口内变量不会变化，具体方法： sessionStorage.setItem("key","value")

文章目录 简介本地存储都有哪些？如何使用WebSQL打开数据库事务操作SQL执行 在浏览器端做一个英雄的查询页面如何删除本地存储参考文献 简介 WebSQL是一种操作本地数据库的网页API接口，通过它，我们可以操作客户端的本地存储。 WebSQL曾经是H5里很重要的一种技术，但是后来被废弃了，有的浏览器可能仍旧可以正常使用，但是已经不推荐了，而且大多数浏览器，如Chrome，已

一、什么是 localForage 当我们的存储量比较大的时候，我们一定会想到我们的 indexedDB，让我们在浏览器中也可以使用数据库这种形式来玩转本地化存储，然而 indexedDB 的使用是比较繁琐而复杂的，有一定的学习成本，但 localForage 的出现几乎抹平了这个缺陷，让我们轻松无负担的在浏览器中使用 indexedDB。localStorage如果存储内容多的话会消耗内

一、什么是 localForage 当我们的存储量比较大的时候，我们一定会想到我们的 indexedDB，让我们在浏览器中也可以使用数据库这种形式来玩转本地化存储，然而 indexedDB 的使用是比较繁琐而复杂的，有一定的学习成本，但 localForage 的出现几乎抹平了这个缺陷，让我们轻松无负担的在浏览器中使用 indexedDB。localStorage如果存储内容多的话会消耗内