{"id":461,"date":"2021-06-16T01:05:54","date_gmt":"2021-06-16T01:05:54","guid":{"rendered":"https:\/\/turtleflyblog.com\/?p=461"},"modified":"2022-02-28T09:22:06","modified_gmt":"2022-02-28T09:22:06","slug":"indexeddb","status":"publish","type":"post","link":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/","title":{"rendered":"IndexedDB"},"content":{"rendered":"\n<p>\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>IndexedDB\u7684life cycle<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"557\" height=\"269\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png?resize=557%2C269&#038;ssl=1\" alt=\"\" class=\"wp-image-462\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png?w=557&amp;ssl=1 557w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png?resize=300%2C145&amp;ssl=1 300w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/figure>\n\n\n\n<p>\u7531\u4e0a\u5716\u6211\u5011\u77e5\u9053\u9996\u5148\u7db2\u9801\u8acb\u6c42(Request)\u767c\u751f\uff0c\u63a5\u8005\u700f\u89bd\u7aefIndexedDB\u7a0b\u5f0f\u78bc\u5c07\u958b\u59cb\u57f7\u884c\u3002\u9996\u5148\u5224\u65b7\u662f\u5426\u6709\u65b0\u7684\u7248\u672c\uff0c\u82e5\u6709\u5247\u57f7\u884cIndexedDB\u5347\u7d1a\u52d5\u4f5c\uff0c\u4f8b\u5982\u4fee\u6539\u8a72\u8868\u7684schema\u6216\u65b0\u589e\u8cc7\u6599\u3002\u82e5\u57f7\u884c\u6210\u529f\u5247\u7e7c\u7e8c\u57f7\u884c\uff0c\u82e5\u5931\u6557\u5247\u6574\u500btransaction(\u4ea4\u6613)\u505c\u6b62\u548c\u57f7\u884c\u8a72request onerror\u9019\u90e8\u5206\u7684\u7a0b\u5f0f\u78bc\u3002<\/p>\n\n\n\n<p><strong>IndexedDB\u7684Initialization \u548cCRUD<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"373\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/2.png?resize=553%2C373&#038;ssl=1\" alt=\"\" class=\"wp-image-463\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/2.png?w=553&amp;ssl=1 553w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/2.png?resize=300%2C202&amp;ssl=1 300w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/figure>\n\n\n\n<p>\u9996\u5148<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"483\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/3.png?resize=483%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-464\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/3.png?w=483&amp;ssl=1 483w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/3.png?resize=300%2C23&amp;ssl=1 300w\" sizes=\"auto, (max-width: 483px) 100vw, 483px\" \/><\/figure>\n\n\n\n<p>\u9019\u884c\u6703\u555f\u52d5indexedDB\uff0c\u6b64app\u7684\u8cc7\u6599\u5eab\u53ebtestDB\uff0c\u7248\u672c\u70ba1\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"239\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/4.png?resize=553%2C239&#038;ssl=1\" alt=\"\" class=\"wp-image-465\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/4.png?w=553&amp;ssl=1 553w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/4.png?resize=300%2C130&amp;ssl=1 300w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/figure>\n\n\n\n<p>\u63a5\u8005\u6703\u57f7\u884c\u4e0a\u5716upgrade\u90e8\u5206(\u53ea\u6709\u7b2c\u4e00\u6b21\u958b\uff0c\u7248\u672c\u4e00\u521d\u59cb\u5316\u6642)\u3002\u4e0a\u5716\u6703\u5efa\u4e00\u500b\u8868(\u540d\u53ebusers)\u3002\u4e0a\u5716\u5728upgrade\u6642\uff0c\u6703\u65b0\u589e\u5169\u7b46\u8cc7\u6599\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"157\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/5.png?resize=554%2C157&#038;ssl=1\" alt=\"\" class=\"wp-image-466\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/5.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/5.png?resize=300%2C85&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p>\u82e5\u8a72request\u57f7\u884c\u6210\u529f\u5247\u6703\u57f7\u884c\u5716\u4e0a\u52d5\u4f5c\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/6.png?resize=554%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-467\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/6.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/6.png?resize=300%2C20&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p>\u9996\u5148\u6703\u5148\u53d6users\u8868\uff0c\u4e14\u6a21\u5f0f\u70bareadwrite\u3002\u4e5f\u53ef\u4ee5\u662freadonly\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/7.png?resize=505%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-468\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/7.png?w=505&amp;ssl=1 505w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/7.png?resize=300%2C22&amp;ssl=1 300w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/figure>\n\n\n\n<p>\u4e0a\u5716\u4e5f\u662f\u8b80\u53d6users\u8868\u7684\u8cc7\u6599<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"85\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/8.png?resize=554%2C85&#038;ssl=1\" alt=\"\" class=\"wp-image-469\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/8.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/8.png?resize=300%2C46&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p>\u82e5\u8b80\u53d6primary key\u70ba1\u7684\u8cc7\u6599\u6210\u529f\uff0c\u5247\u986f\u793a\u8a72\u8cc7\u6599\u7684name\u6b04\u4f4d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"320\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/9.png?resize=553%2C320&#038;ssl=1\" alt=\"\" class=\"wp-image-470\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/9.png?w=553&amp;ssl=1 553w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/9.png?resize=300%2C174&amp;ssl=1 300w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"202\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/10.png?resize=554%2C202&#038;ssl=1\" alt=\"\" class=\"wp-image-471\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/10.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/10.png?resize=300%2C109&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p>\u6849F12\u5230Application\u9019\u908a\uff0c\u5247\u53ef\u4ee5\u770b\u5230\u8a72\u8996\u7a97\u7684IndexDB\u8cc7\u8a0a<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"145\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/11.png?resize=554%2C145&#038;ssl=1\" alt=\"\" class=\"wp-image-472\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/11.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/11.png?resize=300%2C79&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p><strong>\u65b0\u589e<\/strong><strong><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"46\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/12.png?resize=554%2C46&#038;ssl=1\" alt=\"\" class=\"wp-image-473\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/12.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/12.png?resize=300%2C25&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"461\" height=\"124\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/13.png?resize=461%2C124&#038;ssl=1\" alt=\"\" class=\"wp-image-474\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/13.png?w=461&amp;ssl=1 461w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/13.png?resize=300%2C81&amp;ssl=1 300w\" sizes=\"auto, (max-width: 461px) 100vw, 461px\" \/><\/figure>\n\n\n\n<p><strong>\u8b80\u53d6<\/strong><strong><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"87\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/14-2.png?resize=554%2C87&#038;ssl=1\" alt=\"\" class=\"wp-image-480\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/14-2.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/14-2.png?resize=300%2C47&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p><strong>\u4fee\u6539<\/strong><strong><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"141\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/16-2.png?resize=554%2C141&#038;ssl=1\" alt=\"\" class=\"wp-image-481\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/16-2.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/16-2.png?resize=300%2C76&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"196\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/17.png?resize=590%2C196&#038;ssl=1\" alt=\"\" class=\"wp-image-482\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/17.png?w=590&amp;ssl=1 590w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/17.png?resize=300%2C100&amp;ssl=1 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/figure>\n\n\n\n<p><strong>\u522a\u9664<\/strong><strong><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"73\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/18.png?resize=554%2C73&#038;ssl=1\" alt=\"\" class=\"wp-image-483\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/18.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/18.png?resize=300%2C40&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"102\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/19.png?resize=554%2C102&#038;ssl=1\" alt=\"\" class=\"wp-image-484\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/19.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/19.png?resize=300%2C55&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p><strong>Index\uff0cCursor\u548cRange<\/strong><\/p>\n\n\n\n<p><strong>Index<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"293\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/20.png?resize=554%2C293&#038;ssl=1\" alt=\"\" class=\"wp-image-485\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/20.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/20.png?resize=300%2C159&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"43\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/21.png?resize=554%2C43&#038;ssl=1\" alt=\"\" class=\"wp-image-486\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/21.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/21.png?resize=300%2C23&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p>\u4e0a\u5716\u5ba3\u544aindex\u5f8c\uff0c\u6211\u5011\u5c31\u53ef\u4ee5\u7528age\u6b04\u4f4d\u4f86\u67e5\u8a62\u6578\u64da<\/p>\n\n\n\n<p><strong>Cursor<\/strong><strong>\u548c<\/strong><strong>Range<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"176\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/22.png?resize=554%2C176&#038;ssl=1\" alt=\"\" class=\"wp-image-487\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/22.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/22.png?resize=300%2C95&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p>\u5148\u521d\u59cb\u5316Cursor<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"429\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/23.png?resize=429%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-488\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/23.png?w=429&amp;ssl=1 429w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/23.png?resize=300%2C26&amp;ssl=1 300w\" sizes=\"auto, (max-width: 429px) 100vw, 429px\" \/><\/figure>\n\n\n\n<p>\u8a18\u7684\u6700\u5f8c\u4e00\u5b9a\u8981\u52a0\u4e0a\u9019\u500bcode<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/24.png?resize=365%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-489\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/24.png?w=365&amp;ssl=1 365w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/24.png?resize=300%2C30&amp;ssl=1 300w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/><\/figure>\n\n\n\n<p>\u9019\u6a23\u624d\u6703\u8dd1\u5b8c\u6240\u6709\u8cc7\u6599\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"82\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/25.png?resize=554%2C82&#038;ssl=1\" alt=\"\" class=\"wp-image-490\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/25.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/25.png?resize=300%2C44&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p><strong>Range<\/strong><\/p>\n\n\n\n<p>Range\u8981\u5148\u521d\u59cb\u5316cursor\u624d\u80fd\u7372\u5f97\u8cc7\u6599<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"171\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/26.png?resize=554%2C171&#038;ssl=1\" alt=\"\" class=\"wp-image-491\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/26.png?w=554&amp;ssl=1 554w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/26.png?resize=300%2C93&amp;ssl=1 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p>lowerBound(35,false)<\/p>\n\n\n\n<p>\u8a72\u884c\u610f\u601d\u70ba\u5927\u65bc\u6216\u7b49\u65bc35\u3002\u7b2c\u4e00\u53c3\u6578\u70baage,\u7b2c\u4e8c\u70ba\u662f\u5426\u5305\u542b35\u3002True\u70ba\u4e0d\u5305\u542b\uff0cFalse\u70ba\u5305\u542b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"389\" height=\"112\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/33.png?resize=389%2C112&#038;ssl=1\" alt=\"\" class=\"wp-image-503\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/33.png?w=389&amp;ssl=1 389w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/33.png?resize=300%2C86&amp;ssl=1 300w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"419\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/27.png?resize=419%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-492\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/27.png?w=419&amp;ssl=1 419w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/27.png?resize=300%2C26&amp;ssl=1 300w\" sizes=\"auto, (max-width: 419px) 100vw, 419px\" \/><\/figure>\n\n\n\n<p>\u5c0f\u65bc\u6216\u7b49\u65bc35<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"408\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/29.png?resize=408%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-494\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/29.png?w=408&amp;ssl=1 408w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/29.png?resize=300%2C27&amp;ssl=1 300w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"87\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/30-3.png?resize=365%2C87&#038;ssl=1\" alt=\"\" class=\"wp-image-502\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/30-3.png?w=365&amp;ssl=1 365w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/30-3.png?resize=300%2C72&amp;ssl=1 300w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/><\/figure>\n\n\n\n<p>25\u523030\u6b72\u4e4b\u9593\uff0c\u5305\u542b25\u548c30\u6b72<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"37\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/31.png?resize=365%2C37&#038;ssl=1\" alt=\"\" class=\"wp-image-497\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/31.png?w=365&amp;ssl=1 365w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/31.png?resize=300%2C30&amp;ssl=1 300w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/><\/figure>\n\n\n\n<p>\u53ea\u7b49\u65bc35\u6b72<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"89\" src=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/32.png?resize=365%2C89&#038;ssl=1\" alt=\"\" class=\"wp-image-496\" srcset=\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/32.png?w=365&amp;ssl=1 365w, https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/32.png?resize=300%2C73&amp;ssl=1 300w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/><\/figure>\n\n\n\n<p>\u672c\u7bc7\u4ecb\u7d39\u4e86IndexedDB\u7684\u751f\u547d\u9031\u671f\uff0c\u5982\u4f55\u589e\u522a\u6539\u67e5\u548c\u8aaa\u660e\u4e00\u4e9b\u8f03\u9032\u968e\u7684api\u64cd\u4f5c\u5982Index, Cursor\u548cRange\u3002IndexedDB\u63d0\u4f9b\u4e86\u8c50\u5bcc\u7684API\u64cd\u4f5c\uff0c\u5c24\u5176\u5728\u7db2\u8def\u96e2\u7dda\u6642\u642d\u914dIndexedDB\u53ef\u589e\u52a0\u7528\u6236\u9ad4\u9a57\u3002\u9069\u7576\u7684\u4f7f\u7528IndexedDB\u4e0d\u53ea\u5728\u7db2\u8def\u7aef\uff0c\u5728\u79fb\u52d5\u7aef\u4e5f\u53ef\u4ee5\u5354\u52a9\u589e\u52a0\u7528\u6236\u9ad4\u9a57\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; IndexedDB\u7684life cycle \u7531\u4e0a\u5716\u6211\u5011\u77e5\u9053\u9996\u5148\u7db2\u9801\u8acb\u6c42(Request)\u767c\u751f\uff0c\u63a5\u8005\u700f\u89bd\u7aefIndexedDB\u7a0b\u5f0f\u78bc\u5c07\u958b\u59cb\u57f7\u884c\u3002\u9996\u5148\u5224\u65b7\u662f\u5426\u6709\u65b0\u7684\u7248\u672c\uff0c\u82e5\u6709\u5247\u57f7\u884cIndexedDB\u5347\u7d1a\u52d5\u4f5c\uff0c\u4f8b\u5982\u4fee\u6539\u8a72\u8868\u7684schema\u6216\u65b0\u589e\u8cc7\u6599\u3002\u82e5\u57f7\u884c\u6210\u529f\u5247\u7e7c\u7e8c\u57f7\u884c\uff0c\u82e5\u5931\u6557\u5247\u6574\u500btransaction(\u4ea4\u6613)\u505c\u6b62\u548c\u57f7\u884c\u8a72request onerror\u9019\u90e8\u5206\u7684\u7a0b\u5f0f\u78bc\u3002 IndexedDB\u7684Initialization \u548cCRUD \u9996\u5148 \u9019\u884c\u6703\u555f\u52d5indexedDB\uff0c\u6b64app\u7684\u8cc7\u6599\u5eab\u53ebtestDB\uff0c\u7248\u672c\u70ba1\u3002 \u63a5\u8005\u6703\u57f7\u884c\u4e0a\u5716upgrade\u90e8\u5206(\u53ea\u6709\u7b2c\u4e00\u6b21\u958b\uff0c\u7248\u672c\u4e00\u521d\u59cb\u5316\u6642)\u3002\u4e0a\u5716\u6703\u5efa\u4e00\u500b\u8868(\u540d\u53ebusers)\u3002\u4e0a\u5716\u5728upgrade\u6642\uff0c\u6703\u65b0\u589e\u5169\u7b46\u8cc7\u6599\u3002 \u82e5\u8a72request\u57f7\u884c\u6210\u529f\u5247\u6703\u57f7\u884c\u5716\u4e0a\u52d5\u4f5c\u3002 \u9996\u5148\u6703\u5148\u53d6users\u8868\uff0c\u4e14\u6a21\u5f0f\u70bareadwrite\u3002\u4e5f\u53ef\u4ee5\u662freadonly\u3002 \u4e0a\u5716\u4e5f\u662f\u8b80\u53d6users\u8868\u7684\u8cc7\u6599 \u82e5\u8b80\u53d6primary key\u70ba1\u7684\u8cc7\u6599\u6210\u529f\uff0c\u5247\u986f\u793a\u8a72\u8cc7\u6599\u7684name\u6b04\u4f4d \u6849F12\u5230Application\u9019\u908a\uff0c\u5247\u53ef\u4ee5\u770b\u5230\u8a72\u8996\u7a97\u7684IndexDB\u8cc7\u8a0a \u65b0\u589e \u8b80\u53d6 \u4fee\u6539 \u522a\u9664 Index\uff0cCursor\u548cRange Index \u4e0a\u5716\u5ba3\u544aindex\u5f8c\uff0c\u6211\u5011\u5c31\u53ef\u4ee5\u7528age\u6b04\u4f4d\u4f86\u67e5\u8a62\u6578\u64da Cursor\u548cRange \u5148\u521d\u59cb\u5316Cursor \u8a18\u7684\u6700\u5f8c\u4e00\u5b9a\u8981\u52a0\u4e0a\u9019\u500bcode \u9019\u6a23\u624d\u6703\u8dd1\u5b8c\u6240\u6709\u8cc7\u6599\u3002 Range Range\u8981\u5148\u521d\u59cb\u5316cursor\u624d\u80fd\u7372\u5f97\u8cc7\u6599 lowerBound(35,false) \u8a72\u884c\u610f\u601d\u70ba\u5927\u65bc\u6216\u7b49\u65bc35\u3002\u7b2c\u4e00\u53c3\u6578\u70baage,\u7b2c\u4e8c\u70ba\u662f\u5426\u5305\u542b35\u3002True\u70ba\u4e0d\u5305\u542b\uff0cFalse\u70ba\u5305\u542b \u5c0f\u65bc\u6216\u7b49\u65bc35 25\u523030\u6b72\u4e4b\u9593\uff0c\u5305\u542b25\u548c30\u6b72 \u53ea\u7b49\u65bc35\u6b72 \u672c\u7bc7\u4ecb\u7d39\u4e86IndexedDB\u7684\u751f\u547d\u9031\u671f\uff0c\u5982\u4f55\u589e\u522a\u6539\u67e5\u548c\u8aaa\u660e\u4e00\u4e9b\u8f03\u9032\u968e\u7684api\u64cd\u4f5c\u5982Index, Cursor\u548cRange\u3002IndexedDB\u63d0\u4f9b\u4e86\u8c50\u5bcc\u7684API\u64cd\u4f5c\uff0c\u5c24\u5176\u5728\u7db2\u8def\u96e2\u7dda\u6642\u642d\u914dIndexedDB\u53ef\u589e\u52a0\u7528\u6236\u9ad4\u9a57\u3002\u9069\u7576\u7684\u4f7f\u7528IndexedDB\u4e0d\u53ea\u5728\u7db2\u8def\u7aef\uff0c\u5728\u79fb\u52d5\u7aef\u4e5f\u53ef\u4ee5\u5354\u52a9\u589e\u52a0\u7528\u6236\u9ad4\u9a57\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[38],"tags":[],"class_list":["post-461","post","type-post","status-publish","format-standard","hentry","category-pg"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>IndexedDB - Who said turtle cannot fly<\/title>\n<meta name=\"description\" content=\"\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IndexedDB - Who said turtle cannot fly\" \/>\n<meta property=\"og:description\" content=\"\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/\" \/>\n<meta property=\"og:site_name\" content=\"Who said turtle cannot fly\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-16T01:05:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-28T09:22:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png\" \/>\n<meta name=\"author\" content=\"Joseph\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joseph\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/\",\"url\":\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/\",\"name\":\"IndexedDB - Who said turtle cannot fly\",\"isPartOf\":{\"@id\":\"https:\/\/turtleflyblog.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png\",\"datePublished\":\"2021-06-16T01:05:54+00:00\",\"dateModified\":\"2022-02-28T09:22:06+00:00\",\"author\":{\"@id\":\"https:\/\/turtleflyblog.com\/#\/schema\/person\/130c2e1bdce4a8ba27bfe14c65988172\"},\"description\":\"\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png?fit=557%2C269&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png?fit=557%2C269&ssl=1\",\"width\":557,\"height\":269},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/turtleflyblog.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"IndexedDB\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/turtleflyblog.com\/#website\",\"url\":\"https:\/\/turtleflyblog.com\/\",\"name\":\"Who said turtle cannot fly\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/turtleflyblog.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/turtleflyblog.com\/#\/schema\/person\/130c2e1bdce4a8ba27bfe14c65988172\",\"name\":\"Joseph\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\/\/turtleflyblog.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/539caa7bc4af75cd4ab82fc8d51935da?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/539caa7bc4af75cd4ab82fc8d51935da?s=96&d=mm&r=g\",\"caption\":\"Joseph\"},\"sameAs\":[\"https:\/\/turtleflyblog.com\/\/\"],\"url\":\"https:\/\/turtleflyblog.com\/author\/joseph\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"IndexedDB - Who said turtle cannot fly","description":"\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/","og_locale":"en_US","og_type":"article","og_title":"IndexedDB - Who said turtle cannot fly","og_description":"\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002","og_url":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/","og_site_name":"Who said turtle cannot fly","article_published_time":"2021-06-16T01:05:54+00:00","article_modified_time":"2022-02-28T09:22:06+00:00","og_image":[{"url":"https:\/\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png","type":"","width":"","height":""}],"author":"Joseph","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Joseph","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/","url":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/","name":"IndexedDB - Who said turtle cannot fly","isPartOf":{"@id":"https:\/\/turtleflyblog.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#primaryimage"},"image":{"@id":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#primaryimage"},"thumbnailUrl":"https:\/\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png","datePublished":"2021-06-16T01:05:54+00:00","dateModified":"2022-02-28T09:22:06+00:00","author":{"@id":"https:\/\/turtleflyblog.com\/#\/schema\/person\/130c2e1bdce4a8ba27bfe14c65988172"},"description":"\u73fe\u4ee3\u7684\u700f\u89bd\u5668\u5df2\u63d0\u4f9b\u4e86\u8a31\u591a\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f\u3002\u4f8b\u5982\u65e9\u671f\u7684cookie\u6216HTML5\u5f8c\u7684web storage\u3002\u7136\u800c\u9019\u5169\u8005\u90fd\u7121\u6cd5\u5132\u5b58\u5927\u91cf\u8cc7\u6599\u3002\u56e0\u6b64\u9019\u5c31\u9020\u6210\u53e6\u4e00\u500b\u5ba2\u6236\u7aef\u5132\u5b58\u65b9\u5f0f \u2013 IndexedDB\u812b\u7a4e\u800c\u51fa\u3002IndexedDB\u5c31\u50cf\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab(NoSql)\uff0c\u6bcf\u4e00\u500bapp\u5c31\u6709\u4e00\u500b\u5c08\u5c6c\u7684\u8cc7\u6599\u5eab\uff0c\u88e1\u9762\u5305\u542b\u4e00\u4e9b\u8868\u3002\u56e0\u6b64IndexedDB\u53ef\u5132\u5b58\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u3002\u5b83\u53ef\u4ee5\u662f\u975e\u540c\u6b65\u7684,\u800c\u6bcf\u500b\u5b58\u5132\u52d5\u4f5c\u5c31\u50cf\u662f\u95dc\u806f\u8cc7\u6599\u5eab\u88e1\u7684transaction(\u4ea4\u6613)\u3002\u53ea\u8981\u5728\u5b58\u5132\u4e2d\u6709\u4efb\u4f55\u4e00\u52d5\u4f5c\u5931\u6557\uff0c\u5247\u6574\u7b46\u4ea4\u6613\u5c31\u6703\u5931\u6557\u3002\u672c\u7bc7\u6703\u5148\u4ecb\u7d39IndexedDB\u7684\u751f\u547d\u9031\u671f\u548c\u8cc7\u6599\u7684CRUD\uff0c\u63a5\u8005\u6703\u4ecb\u7d39\u8f03\u9032\u968e\u7684\u9805\u76ee\u5982Index, Cursor\u548cRange\u3002","breadcrumb":{"@id":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/"]}]},{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#primaryimage","url":"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png?fit=557%2C269&ssl=1","contentUrl":"https:\/\/i0.wp.com\/turtleflyblog.com\/wp-content\/uploads\/2021\/06\/1.png?fit=557%2C269&ssl=1","width":557,"height":269},{"@type":"BreadcrumbList","@id":"https:\/\/turtleflyblog.com\/zh\/2021\/06\/16\/indexeddb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/turtleflyblog.com\/en\/"},{"@type":"ListItem","position":2,"name":"IndexedDB"}]},{"@type":"WebSite","@id":"https:\/\/turtleflyblog.com\/#website","url":"https:\/\/turtleflyblog.com\/","name":"Who said turtle cannot fly","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/turtleflyblog.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"},{"@type":"Person","@id":"https:\/\/turtleflyblog.com\/#\/schema\/person\/130c2e1bdce4a8ba27bfe14c65988172","name":"Joseph","image":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/turtleflyblog.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/539caa7bc4af75cd4ab82fc8d51935da?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/539caa7bc4af75cd4ab82fc8d51935da?s=96&d=mm&r=g","caption":"Joseph"},"sameAs":["https:\/\/turtleflyblog.com\/\/"],"url":"https:\/\/turtleflyblog.com\/author\/joseph\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/posts\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":1,"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/posts\/461\/revisions"}],"predecessor-version":[{"id":658,"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/posts\/461\/revisions\/658"}],"wp:attachment":[{"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/media?parent=461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/categories?post=461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/turtleflyblog.com\/wp-json\/wp\/v2\/tags?post=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}