{"id":1565,"date":"2017-06-18T15:54:03","date_gmt":"2017-06-18T07:54:03","guid":{"rendered":"http:\/\/www.xttblog.com\/?p=1565"},"modified":"2017-06-18T15:54:03","modified_gmt":"2017-06-18T07:54:03","slug":"html5-%e6%9c%ac%e5%9c%b0%e5%ad%98%e5%82%a8-indexeddb-%e6%95%99%e7%a8%8b","status":"publish","type":"post","link":"https:\/\/www.xttblog.com\/?p=1565","title":{"rendered":"HTML5 \u672c\u5730\u5b58\u50a8 IndexedDB \u6559\u7a0b"},"content":{"rendered":"<p>\n\t<a href=\"http:\/\/www.xttblog.com\/?tag=html5\" name=\"html5\" target=\"_blank\" title=\"html5\">HTML5<\/a> \u7684\u4e00\u4e2a\u91cd\u8981\u7279\u6027\u662f<a href=\"http:\/\/www.xttblog.com\/?tag=\u672c\u5730\u5b58\u50a8\" name=\"\u672c\u5730\u5b58\u50a8\" target=\"_blank\" title=\"\u672c\u5730\u5b58\u50a8\">\u672c\u5730\u6570\u636e\u6301\u4e45\u6027<\/a>\uff0c\u5b83\u4f7f\u7528\u6237\u80fd\u591f\u5728\u7ebf\u548c\u79bb\u7ebf\u8bbf\u95ee Web \u5e94\u7528\u7a0b\u5e8f\u3002\u6b64\u5916\uff0c\u672c\u5730\u6570\u636e\u6301\u4e45\u6027\u4f7f\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u66f4\u7075\u654f\uff0c\u4f7f\u7528\u7684\u5e26\u5bbd\u66f4\u5c11\uff0c\u800c\u4e14\u80fd\u591f\u5728\u4f4e\u5e26\u5bbd\u573a\u666f\u4e2d\u66f4\u9ad8\u6548\u5730\u5de5\u4f5c\u3002HTML5 \u63d0\u4f9b\u4e86\u4e00\u4e9b\u672c\u5730\u6570\u636e\u6301\u4e45\u6027\u9009\u9879\u3002\u7b2c\u4e00\u4e2a\u9009\u9879\u662f localstorage\uff0c\u5b83\u652f\u6301\u60a8\u4f7f\u7528\u4e00\u4e2a\u7b80\u5355\u7684\u952e\u503c\u5bf9\u6765\u5b58\u50a8\u6570\u636e\u3002<a href=\"http:\/\/www.xttblog.com\/?tag=IndexedDB\" name=\"IndexedDB\" target=\"_blank\" title=\"IndexedDB\">IndexedDB<\/a>\uff08\u4e00\u4e2a\u66f4\u52a0\u5f3a\u5927\u7684\u9009\u9879\uff09\u652f\u6301\u60a8\u672c\u5730\u5b58\u50a8\u5927\u91cf\u5bf9\u8c61\uff0c\u5e76\u4f7f\u7528\u5065\u58ee\u7684\u6570\u636e\u8bbf\u95ee\u673a\u5236\u68c0\u7d22\u6570\u636e\u3002\n<\/p>\n<p>\n\tIndexedDB API \u53d6\u4ee3\u4e86 Web Storage API\uff0c\u540e\u8005\u5728 HTML5 \u89c4\u8303\u4e2d\u5df2\u4e0d\u63a8\u8350\u4f7f\u7528\u3002\uff08\u4f46\u4e00\u4e9b\u9886\u5148\u7684\u6d4f\u89c8\u5668\u4ecd\u7136\u652f\u6301 Web Storage\uff0c\u5176\u4e2d\u5305\u62ec\u82f9\u679c\u516c\u53f8\u7684 Safari \u548c Opera Web \u6d4f\u89c8\u5668\uff09\u4e0e Web Storage \u76f8\u6bd4\uff0cIndexedDB \u5177\u6709\u591a\u4e2a\u4f18\u52bf\uff0c\u5176\u4e2d\u5305\u62ec\u7d22\u5f15\u3001\u4e8b\u52a1\u5904\u7406\u548c\u5065\u58ee\u7684\u67e5\u8be2\u529f\u80fd\u3002\u672c\u6587\u5c06\u901a\u8fc7\u4e00\u7cfb\u5217\u7684\u793a\u4f8b\u6765\u5c55\u793a\u5982\u4f55\u7ba1\u7406 IndexedDB \u6570\u636e\u5e93\u3002\n<\/p>\n<p>\n\t<img decoding=\"async\" alt=\"IndexedDB\" src=\"http:\/\/img.bbs.csdn.net\/upload\/201706\/18\/1497771324_15609.jpg\" style=\"width: 480px;height: 260px\" \/>\n<\/p>\n<p>\n\t\u5bf9\u4e8e\u53ea\u5b58\u50a8\u67d0\u4e9b\u5b57\u6bb5\u7684\u9700\u6c42\u6765\u8bf4\uff0c\u53ef\u4ee5\u4f7f\u7528Local Storage\u548c Session Storage\u6765\u5b8c\u6210\u3002\u4f46\u662f\u4e00\u65e6\u5b58\u50a8\u5927\u91cf\u7684\u6570\u636e\uff0cLocal Storage\u548c Session Storage\u5c31\u8fdc\u8fdc\u4e0d\u80fd\u6ee1\u8db3\u9700\u6c42\u4e86\u3002\u8fd9\u65f6\uff0cIndexedDB\u7684\u5f3a\u5927\u4e4b\u5904\u5c31\u4f1a\u4f53\u73b0\u51fa\u6765\u4e86\u3002\n<\/p>\n<h2>\n\t\u521b\u5efa\u6216\u8fde\u63a5\u6570\u636e\u5e93<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nIndexedDB(name, version, callbackObject = {});<\/pre>\n<ul>\n<li>\n\t\tname : \u521b\u5efa\u6216\u8005\u8fde\u63a5\u7684\u6570\u636e\u5e93\u540d\n\t<\/li>\n<li>\n\t\tversion : \u6570\u636e\u5e93\u7248\u672c\u53f7\n\t<\/li>\n<li>\n\t\tcallbackObject: \u914d\u7f6e\u56de\u8c03\u51fd\u6570\n\t<\/li>\n<\/ul>\n<p>\n\tcallbackObject \u652f\u6301\u4ee5\u4e0b\u7684\u56de\u8c03\u51fd\u6570\u914d\u7f6e\uff1a\n<\/p>\n<ul>\n<li>\n\t\tsuccess\uff1a\u521b\u5efa\u6216\u8005\u8fde\u63a5\u7684\u6570\u636e\u5e93\u6210\u529f\u540e\u7684\u56de\u8c03\u51fd\u6570\n\t<\/li>\n<li>\n\t\terror\uff1a\u521b\u5efa\u6216\u8005\u8fde\u63a5\u7684\u6570\u636e\u5e93\u5931\u8d25\u540e\u7684\u56de\u8c03\u51fd\u6570\n\t<\/li>\n<li>\n\t\tupgradeneeded\uff1a\u6570\u636e\u5e93\u7248\u672c\u53f7\u66f4\u65b0\u540e\u7684\u56de\u8c03\u51fd\u6570\n\t<\/li>\n<\/ul>\n<pre class=\"brush:jscript;\">\r\n\/* \u5bf9\u4e0d\u540c\u6d4f\u89c8\u5668\u7684indexedDB\u8fdb\u884c\u517c\u5bb9 *\/\r\nconst indexeddb = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;\r\n\/* \u521b\u5efa\u6216\u8fde\u63a5\u6570\u636e\u5e93 *\/\r\nconst request = indexeddb.open(name, version);  \/\/ name\uff1a\u6570\u636e\u5e93\u540d\uff0cversion\uff1a\u6570\u636e\u5e93\u7248\u672c\u53f7\r\n<\/pre>\n<pre class=\"brush:jscript;\">\r\nIndexedDB(name, version, {\r\n    success: function(et){\r\n        const db = this.db; \/\/ \u6570\u636e\u5e93\u5b9e\u4f8b\r\n    }\r\n});<\/pre>\n<h2>\n\t\u8fde\u63a5\u5230\u6570\u636e\u5e93\u7684\u56de\u8c03\u51fd\u6570<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nrequest.addEventListener(&#039;success&#039;, function(event){ \r\n    \/\/ \u6253\u5f00\u6216\u521b\u5efa\u6570\u636e\u5e93\u6210\u529f\r\n}, false);\r\n\r\nrequest.addEventListener(&#039;error&#039;, function(event){ \r\n    \/\/ \u6253\u5f00\u6216\u521b\u5efa\u6570\u636e\u5e93\u5931\u8d25\r\n}, false);\r\n\r\nrequest.addEventListener(&#039;upgradeneeded&#039;, function(event){ \r\n    \/\/ \u66f4\u65b0\u6570\u636e\u5e93\u65f6\u6267\u884c\r\n}, false);<\/pre>\n<p>\n\t\u5728\u8fde\u63a5\u5230\u6570\u636e\u5e93\u540e\uff0crequest\u4f1a\u76d1\u542c\u4e09\u79cd\u72b6\u6001\uff1a\n<\/p>\n<ul>\n<li>\n\t\tsuccess\uff1a\u6253\u5f00\u6216\u521b\u5efa\u6570\u636e\u5e93\u6210\u529f\n\t<\/li>\n<li>\n\t\terror\uff1a\u6253\u5f00\u6216\u521b\u5efa\u6570\u636e\u5e93\u5931\u8d25\n\t<\/li>\n<li>\n\t\tupgradeneeded\uff1a\u66f4\u65b0\u6570\u636e\u5e93<br \/>\n\t\tupgradeneeded\u72b6\u6001\u662f\u5728indexedDB\u521b\u5efa\u65b0\u7684\u6570\u636e\u5e93\u65f6\u548cindexeddb.open(name, version) version\uff08\u6570\u636e\u5e93\u7248\u672c\u53f7\uff09\u53d1\u751f\u53d8\u5316\u65f6\u624d\u80fd\u76d1\u542c\u5230\u6b64\u72b6\u6001\u3002\u5f53\u7248\u672c\u53f7\u4e0d\u53d1\u751f\u53d8\u5316\u65f6\uff0c\u4e0d\u4f1a\u89e6\u53d1\u6b64\u72b6\u6001\u3002\u6570\u636e\u5e93\u7684ObjectStore\u7684\u521b\u5efa\u3001\u5220\u9664\u7b49\u90fd\u662f\u5728\u8fd9\u4e2a\u76d1\u542c\u4e8b\u4ef6\u4e0b\u6267\u884c\u7684\u3002\n\t<\/li>\n<\/ul>\n<h2>\n\t\u521b\u5efa\u3001\u5220\u9664ObjectStore<br \/>\n<\/h2>\n<p>\n\t\u5728indexedDB\u4e2d\uff0cObjectStore\u7c7b\u4f3c\u4e8e\u6570\u636e\u5e93\u7684\u8868\u3002\n<\/p>\n<pre class=\"brush:jscript;\">\r\nrequest.addEventListener(&#039;upgradeneeded&#039;, function(event){ \r\n    \/\/ \u521b\u5efa\u6570\u636e\u5e93\u5b9e\u4f8b\r\n    const db = event.target.result;\r\n\r\n    \/\/ \u5173\u95ed\u6570\u636e\u5e93\r\n    db.close();\r\n    \r\n    \/\/ \u5224\u65ad\u662f\u5426\u6709ObjectStore\r\n    db.objectStoreNames.contains(objectStoreName);\r\n    \r\n    \/\/ \u5220\u9664ObjectStore\r\n    db.deleteObjectStore(objectStoreName);\r\n    \r\n}, false);<\/pre>\n<p>\n\t\u53ef\u4ee5\u7528\u5982\u4e0b\u65b9\u6cd5\u521b\u5efa\u4e00\u4e2aObjectStore\n<\/p>\n<pre class=\"brush:jscript;\">\r\nrequest.addEventListener(&#039;upgradeneeded&#039;, function(event){ \r\n    \/\/ \u521b\u5efa\u6570\u636e\u5e93\u5b9e\u4f8b\r\n    const db = event.target.result;\r\n    \/\/ \u5224\u65ad\u662f\u5426\u6709ObjectStore\r\n    if(!db.objectStoreNames.contains(objectStoreName)){\r\n        const store = db.createObjectStore(objectStoreName, {\r\n            keyPath: keyPath  \/\/ keyPath \u4f5c\u4e3aObjectStore\u7684\u641c\u7d22\u5173\u952e\u5b57\r\n        });\r\n        \/\/ \u4e3aObjectStore\u521b\u9020\u7d22\u5f15\r\n        store.createIndex(name,    \/\/ \u7d22\u5f15\r\n                          index,   \/\/ \u952e\u503c\r\n                          {\r\n                              unique: unique  \/\/ \u7d22\u5f15\u662f\u5426\u552f\u4e00\r\n                          });\r\n    }\r\n}, false);<\/pre>\n<h2>\n\t\u6570\u636e\u7684\u589e\u5220\u6539\u67e5<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nrequest.addEventListener(&#039;success&#039;, function(event){ \r\n    \/\/ \u521b\u5efa\u6570\u636e\u5e93\u5b9e\u4f8b\r\n    const db = event.target.result;\r\n    \r\n    \/\/ \u67e5\u627e\u4e00\u4e2aObjectStore\r\n    db.transaction(objectStoreName, wa);\r\n    \/\/ wa\u4e3a&#039;readwrite&#039;\u65f6\uff0c\u6570\u636e\u53ef\u4ee5\u8bfb\u5199 \r\n    \/\/ wa\u4e3a&#039;readonly&#039;\u65f6\uff0c\u6570\u636e\u53ea\u8bfb\r\n    const store = transaction.objectStore(objectStoreName);\r\n}, false);<\/pre>\n<p>\n\t\u6570\u636e\u5e93\u7684\u589e\u5220\u6539\u67e5\uff1a\n<\/p>\n<pre class=\"brush:jscript;\">\r\n\/\/ \u6dfb\u52a0\u6570\u636e\uff0c\u5f53\u5173\u952e\u5b57\u5b58\u5728\u65f6\u6570\u636e\u4e0d\u4f1a\u6dfb\u52a0\r\nstore.add(obj);\r\n\/\/ \u66f4\u65b0\u6570\u636e\uff0c\u5f53\u5173\u952e\u5b57\u5b58\u5728\u65f6\u8986\u76d6\u6570\u636e\uff0c\u4e0d\u5b58\u5728\u65f6\u4f1a\u6dfb\u52a0\u6570\u636e\r\nstore.put(obj);\r\n\/\/ \u5220\u9664\u6570\u636e\uff0c\u5220\u9664\u6307\u5b9a\u7684\u5173\u952e\u5b57\u5bf9\u5e94\u7684\u6570\u636e\r\nstore.delete(value);\r\n\/\/ \u6e05\u9664ObjectStore\r\nstore.clear();\r\n\/\/ \u67e5\u627e\u6570\u636e\uff0c\u6839\u636e\u5173\u952e\u5b57\u67e5\u627e\u6307\u5b9a\u7684\u6570\u636e\r\nconst g = store.get(value);\r\ng.addEventListener(&#039;success&#039;, function(event){\r\n    \/\/ \u5f02\u6b65\u67e5\u627e\u540e\u7684\u56de\u8c03\u51fd\u6570\r\n}, false);<\/pre>\n<h2>\n\t\u6309\u7d22\u5f15\u67e5\u627e\u6570\u636e<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nconst index = store.index(indexName);\r\nconst cursor = index.openCursor(range);\r\ncursor.addEventListener(&#039;success&#039;, function(event){\r\n    const result = event.target.result;\r\n    if(result){\r\n        result.value       \/\/ \u6570\u636e\r\n        result.continue(); \/\/ \u8fed\u4ee3\uff0c\u6e38\u6807\u4e0b\u79fb\r\n    }\r\n}, false);<\/pre>\n<h2>\n\t\u6309\u7d22\u5f15\u7684\u8303\u56f4\u67e5\u627e\u6570\u636e<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nconst index = store.index(indexName);\r\nconst cursor = index.openCursor(range);\r\n\/**\r\n * range\u4e3anull\u65f6\uff0c\u67e5\u627e\u6240\u6709\u6570\u636e\r\n * range\u4e3a\u6307\u5b9a\u503c\u65f6\uff0c\u67e5\u627e\u7d22\u5f15\u6ee1\u8db3\u8be5\u6761\u4ef6\u7684\u5bf9\u5e94\u7684\u6570\u636e\r\n * range\u4e3aIDBKeyRange\u5bf9\u8c61\u65f6\uff0c\u6839\u636e\u6761\u4ef6\u67e5\u627e\u6ee1\u8db3\u6761\u4ef6\u7684\u6307\u5b9a\u8303\u56f4\u7684\u6570\u636e\r\n *\/\r\n\r\n\/\/ \u5927\u4e8e\u6216\u5927\u4e8e\u7b49\u4e8e \r\nrange = IDBKeyRange.lowerBound(value, true)   \/\/ (value, +&infin;)\uff0c&gt;  value\r\nrange = IDBKeyRange.lowerBound(value, false)  \/\/ [value, +&infin;)\uff0c&gt;= value\r\n\/\/ \u5c0f\u4e8e\u6216\u5c0f\u4e8e\u7b49\u4e8e\uff0cisOpen\uff1atrue\uff0c\u5f00\u533a\u95f4\uff1bfalse\uff0c\u95ed\u533a\u95f4\r\nrange = IDBKeyRange.upperBound(value, isOpen)\r\n\/\/ \u5927\u4e8e\u6216\u5927\u4e8e\u7b49\u4e8evalue1\uff0c\u5c0f\u4e8e\u6216\u5c0f\u4e8e\u7b49\u4e8evalue2\r\nIDBKeyRange.bound(value1, value2, isOpen1, isOpen2)<\/pre>\n<h2>\n\t\u5220\u9664\u6570\u636e\u5e93<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nIndexedDB.deleteDatabase(databaseName);<\/pre>\n<h2>\n\t\u5173\u95ed\u6570\u636e\u5e93<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nthis.close(time);<\/pre>\n<h2>\n\t\u5224\u65ad\u662f\u5426\u6709ObjectStore<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nthis.hasObjectStore(objectStoreName);<\/pre>\n<h2>\n\t\u521b\u5efaObjectStore<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nthis.createObjectStore(objectStoreName, keyPath, indexArray);<\/pre>\n<p>\n\tindexArray(Array)\uff0c\u91cc\u9762\u7684\u5bf9\u8c61\u4e3a(Object)\n<\/p>\n<ul>\n<li>\n\t\tindex: \u7d22\u5f15\n\t<\/li>\n<li>\n\t\tname: \u952e\u503c\n\t<\/li>\n<\/ul>\n<h2>\n\t\u5220\u9664ObjectStore<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nthis.deleteObjectStore(objectStoreName);<\/pre>\n<h2>\n\t\u83b7\u53d6ObjectStore<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nthis.getObjectStore(objectStoreName, writeAble = true);<\/pre>\n<p>\n\t\u4e3e\u4f8b\u5982\u4e0b\uff1a\n<\/p>\n<pre class=\"brush:jscript;\">\r\nIndexedDB(name, version, {\r\n    success: function(){\r\n        const db = this.db;                                 \/\/ \u6570\u636e\u5e93\u5b9e\u4f8b\r\n        const store = this.getObjectStore(objectStoreName); \/\/ ObjectStore\u5b9e\u4f8b\r\n    }\r\n});<\/pre>\n<h2>\n\t\u6dfb\u52a0\u6570\u636e<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nstore.add(obj);<\/pre>\n<p>\n\tObject\u6216Array\uff0c\u4e0b\u540c\u3002\n<\/p>\n<h2>\n\t\u4fee\u6539\u6570\u636e<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nstore.put(obj);<\/pre>\n<h2>\n\t\u5220\u9664\u6570\u636e<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nstore.delete(value);<\/pre>\n<p>\n\tString\u3001Number\u6216Array\u3002\n<\/p>\n<h2>\n\t\u67e5\u627e\u6570\u636e<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nstore.get(key, callback);<\/pre>\n<p>\n\tcallback\u56de\u8c03\u51fd\u6570\u3002\u56de\u8c03\u53c2\u6570\u4e3aresult\u3002\n<\/p>\n<h2>\n\t\u6e05\u9664ObjectStore<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nstore.clear();<\/pre>\n<h2>\n\t\u6e38\u6807<br \/>\n<\/h2>\n<pre class=\"brush:jscript;\">\r\nstore.cursor(indexName, [range,] callback);<\/pre>\n<p>\n\trange\u7528\u6765\u9009\u62e9\u8303\u56f4\u3002<br \/>\n\t\u6839\u636e\u5b57\u7b26\u4e32\u8fd4\u56de\u6e38\u6807\u67e5\u8be2\u7684\u8303\u56f4\uff0c\u4f8b\u5982\uff1a\n<\/p>\n<ul>\n<li>\n\t\t&#039;5&#039; \u7b49\u4e8e\n\t<\/li>\n<li>\n\t\t&#039;&gt; 5&#039; \u5927\u4e8e\n\t<\/li>\n<li>\n\t\t&#039;&gt;= 5&#039; \u5927\u4e8e\u7b49\u4e8e\n\t<\/li>\n<li>\n\t\t&#039;&lt; 5&#039; \u5c0f\u4e8e\n\t<\/li>\n<li>\n\t\t&#039;&lt;= 5&#039; \u5c0f\u4e8e\u7b49\u4e8e\n\t<\/li>\n<li>\n\t\t&#039;[5, 8]&#039; \u95ed\u533a\u95f4\n\t<\/li>\n<li>\n\t\t&#039;(5, 8)&#039; \u5f00\u533a\u95f4\n\t<\/li>\n<\/ul>\n<p>\n\tcallback\u56de\u8c03\u51fd\u6570\u3002\u56de\u8c03\u53c2\u6570\u4e3aresult\uff0cresult.value\u4e3a\u83b7\u53d6\u7684\u6570\u636e\uff0cresult.continue()\u8fed\u4ee3\u3002<\/p>\n<!-- <audio autoplay=\"autoplay\" height=\"100\" width=\"100\" hidden=\"true\"><source src=\"https:\/\/c.coka.la\/orAvPR.mp3\" type=\"audio\/mp3\"\/><\/audio><img decoding=\"async\" src=\"https:\/\/images.weserv.nl\/?url=https:\/\/ws3.sinaimg.cn\/large\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/> --><p><!-- <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xmt1139057136\/xttblog\/master\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/>--><img decoding=\"async\" src=\"https:\/\/saas.51autoparts.cn\/api\/admin\/sys-file\/oss\/file?fileName=84db51f8561e448f9a4fda2eff0811f9.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/><\/p><p>\u6700\u540e\uff0c\u6b22\u8fce\u5173\u6ce8\u6211\u7684\u4e2a\u4eba\u5fae\u4fe1\u516c\u4f17\u53f7\uff1a\u4e1a\u4f59\u8349\uff08yyucao\uff09\uff01<b>\u53ef\u52a0\u4f5c\u8005\u5fae\u4fe1\u53f7\uff1a<font color=\"red\">xttblog2<\/font>\u3002\u5907\u6ce8\uff1a\u201c1\u201d\uff0c\u6dfb\u52a0\u535a\u4e3b\u5fae\u4fe1\u62c9\u4f60\u8fdb\u5fae\u4fe1\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002<\/b>\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u4e5f\u53ef\u6dfb\u52a0\u4f5c\u8005\u5fae\u4fe1\u8fdb\u884c\u8054\u7cfb\uff01<\/p><p>\u672c\u6587\u539f\u6587\u51fa\u5904\uff1a<a href=\"https:\/\/www.xttblog.com\">\u4e1a\u4f59\u8349<\/a>\uff1a &raquo; <a href=\"https:\/\/www.xttblog.com\/?p=1565\">HTML5 \u672c\u5730\u5b58\u50a8 IndexedDB \u6559\u7a0b<\/a><\/p><!-- <div class=\"bd-reward-stl\"><button id=\"bdRewardBtn\"><span><\/span><\/button><\/div> -->","protected":false},"excerpt":{"rendered":"<p>HTML5 \u7684\u4e00\u4e2a\u91cd\u8981\u7279\u6027\u662f\u672c\u5730\u6570\u636e\u6301\u4e45\u6027\uff0c\u5b83\u4f7f\u7528\u6237\u80fd\u591f\u5728\u7ebf\u548c\u79bb\u7ebf\u8bbf\u95ee Web \u5e94\u7528\u7a0b\u5e8f\u3002\u6b64\u5916\uff0c\u672c\u5730\u6570\u636e\u6301\u4e45\u6027 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[1304,1306,1305,681,1303],"class_list":["post-1565","post","type-post","status-publish","format-standard","hentry","category-html5","tag-indexeddb","tag-webkitindexeddb","tag-web","tag-681","tag-1303"],"_links":{"self":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1565"}],"version-history":[{"count":1,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1565\/revisions"}],"predecessor-version":[{"id":1566,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1565\/revisions\/1566"}],"wp:attachment":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}