让indexedDB如localStor【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。age般丝滑

进入GitHub主页 开发文档

HelloIndexedDB是对inde原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.netxedDB复杂api的高级封装，采用Pr【本文受版权保护】【版权所有】唐霜 www.tangshuang.netomise，通过高度抽象，让indexe【未经授权禁止转载】转载请注明出处：www.tangshuang.netdDB的操作极其方便。对于初入门的开发者【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net而言，可以像localStorage一样本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。极其方便的使用indexedDB。

虽然市面上有很多indexedDB封装的【作者：唐霜】本文作者：唐霜，转载请注明出处。库，但它们都太过复杂，使用它们需要理解不【版权所有】唐霜 www.tangshuang.net【作者：唐霜】同的概念，以至于刚入门的开发者望而生畏。【原创不易，请尊重版权】【本文受版权保护】而使用HelloIndexedDB，则无本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。需理解任何概念，可以立即上手。

如localStorage般的便捷操作

由于对api进行高度抽象，使用Hello著作权归作者所有，禁止商业用途转载。【作者：唐霜】IndexedDB可以渐进式的深入使用，转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.net刚开始接触时，可以像使用localSto【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】rage般理解，无需任何配置，立即可上手【未经授权禁止转载】【转载请注明来源】。

通过HelloIndexedDB操作in【本文受版权保护】【访问 www.tangshuang.net 获取更多精彩内容】dexedDB，像操作localStor【转载请注明来源】未经授权，禁止复制转载。age般简单

转载请注明出处：www.tangshua著作权归作者所有，禁止商业用途转载。【本文受版权保护】ng.net【转载请注明来源】【原创不易，请尊重版权】转载请注明出处：www.tangshua【未经授权禁止转载】【版权所有，侵权必究】ng.net

上图中的代码和localStorage看【转载请注明来源】【版权所有】唐霜 www.tangshuang.net上去唯一的不同在于，indexedDB的未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】所有操作都是异步的，因此被放在一个asy【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.netnc函数中。除此之外，我们看不出使用in【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.netdexedDB保存数据有任何难度。

丰富的查询接口

indexedDB和localStora【转载请注明来源】转载请注明出处：www.tangshuang.netge不一样，它可是完整的数据库体系，具备【版权所有，侵权必究】【作者：唐霜】丰富的查询方式。之所以它的名字叫indexedDB，是因为它利用强大的索引引擎，让开发【版权所有，侵权必究】【未经授权禁止转载】者可以根据条件进行便捷的查询。而Hell【原创内容，转载请注明出处】【原创内容，转载请注明出处】oIndexedDB为了让查询更方便，进【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net行了更高层面的封装，让开发者无需接触底层【版权所有，侵权必究】【版权所有，侵权必究】api，即可完成条件查询。

HelloIndexedDB具备丰富的查【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】询api，让开发者可以更方便的找到数据

【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】原创内容，盗版必究。

一般而言，有经验的开发者还会合理的去设计【转载请注明来源】未经授权，禁止复制转载。自己的索引列表，这样，就可以在查询时，充著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】分利用索引，实现快速查找，合理布局自己的【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net数据存储了。

快速调用原生接口

对于已经不满足于现有接口的高级开发者，H【本文首发于唐霜的博客】【原创内容，转载请注明出处】elloIndexedDB提供了快速接入【原创不易，请尊重版权】未经授权，禁止复制转载。原生接口的通道，让开发者尽可能少的去写r原创内容，盗版必究。【原创内容，转载请注明出处】equest相关的代码。

HelloIndexedDB提供了接入原【版权所有，侵权必究】未经授权，禁止复制转载。生接口的快速通道

本文版权归作者所有，未经授权不得转载。【转载请注明来源】

通过这些丰富的接口，开发者如果发现需要实本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。现某些扩展功能时，可以快速利用这些接口，【原创内容，转载请注明出处】【版权所有，侵权必究】获得最快捷径，加快开发的效率。基于此，开未经授权，禁止复制转载。原创内容，盗版必究。发者也可以通过类继承的方式，对Hello【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】IndexedDB的方法进行扩展。

前端已经进入到大型应用的时代，前端存储和【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。处理已经是一个应用必不可少的技术基础。i未经授权，禁止复制转载。转载请注明出处：www.tangshuang.netndexedDB是HTML5标准，打败了著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】webSQL，是前端唯一完整的数据库解决著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net方案，相信即使再过几年它都不会过时。而H【转载请注明来源】原创内容，盗版必究。elloIndexedDB给了不同开发者【原创不易，请尊重版权】【原创内容，转载请注明出处】更便捷的使用indexedDB的途径，希未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。望未来还能提供更加便捷的使用方法。

立即使用

（完）

2018-09-14 10776