{"id":51,"date":"2021-04-25T07:10:28","date_gmt":"2021-04-25T07:10:28","guid":{"rendered":"https:\/\/pury.org\/?p=51"},"modified":"2021-09-19T05:20:10","modified_gmt":"2021-09-19T05:20:10","slug":"tt","status":"publish","type":"post","link":"http:\/\/www.mindean.com\/a\/51.html","title":{"rendered":"\u539f\u751fjavascript\u64cd\u4f5cDOM\u5f00\u53d1\u7b80\u5355\u7684\u8d2a\u5403\u86c7\u6e38\u620f"},"content":{"rendered":"\n<p>\u6e38\u620f\u4e2d\u6240\u6709\u53ef\u89c6\u5316\u5143\u7d20\u5747\u662fDOM\u5143\u7d20\uff0c\u7eaf\u539f\u751fjavascript\u5f00\u53d1\u3002<\/p>\n\n\n\n<p>\u4e94\u4e2a\u96be\u5ea6\uff0c\u5f71\u54cd\u56e0\u7d20\u6709\u8272\u5757\u901f\u5ea6\u3001\u957f\u5ea6\u7b49\u3002<\/p>\n\n\n\n<p>\u516d\u4e2a\u4e3b\u9898\uff0c\u6587\u672c\u548c\u80cc\u666f\u989c\u8272\u4e0d\u540c\u3002<\/p>\n\n\n\n<p>\u64cd\u4f5c\u5f88\u7b80\u5355\uff0c\u4f7f\u7528\u4e0a\u4e0b\u5de6\u53f3\u65b9\u5411\u952e\u3002<\/p>\n\n\n\n<p>\u6e38\u620f\u901a\u8fc7Local Storage\u7f13\u5b58\u5728\u672c\u5730\uff0c\u6700\u9ad8\u8bb0\u5f55key\u4e3ajsSnakeHighScore\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>\/\/ \u6e38\u620f\u5165\u53e3 - init.js\nvar mySnakeBoard = new SNAKE.Board({\n  boardContainer: &quot;game-area&quot;,\n  fullScreen: true \/\/ \u9ed8\u8ba4\u5168\u5c4f\n});\n\n\/\/ SNAKE\u4e3a\u5168\u5c40\u903b\u8f91\u53d8\u91cf - snake.js\nvar SNAKE = SNAKE || {};\nwindow.SNAKE = SNAKE;<\/code><\/pre><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"583\" height=\"438\" src=\"https:\/\/antct.com\/wp-content\/uploads\/2021\/09\/js-snake.png\" alt=\"\" class=\"wp-image-67\" srcset=\"http:\/\/www.mindean.com\/a\/wp-content\/uploads\/2021\/09\/js-snake.png 583w, http:\/\/www.mindean.com\/a\/wp-content\/uploads\/2021\/09\/js-snake-300x225.png 300w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><figcaption>\u8d2a\u5403\u86c7<\/figcaption><\/figure><\/div>\n\n\n\n\n\n<p><strong>\u4f7f\u7528\u58f0\u660e<\/strong><\/p>\n\n\n\n<ol><li>\u672c\u7ad9\u6240\u6709\u672a\u6307\u5b9a\u5546\u7528\u7684\u8d44\u6e90\uff0c\u4ec5\u9650\u5b66\u4e60\u4ea4\u6d41\u8bf7\u52ff\u7528\u4e8e\u5546\u4e1a\u7528\u9014\u3002  <\/li><li>\u5982\u679c\u8d44\u6e90\u635f\u5bb3\u4f60\u7684\u6743\u76ca\u8bf7\u8054\u7cfb\u5b98\u65b9\u90ae\u7bb1\u7ed9\u4e88\u5904\u7406\u3002<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>\u6e38\u620f\u4e2d\u6240\u6709\u53ef\u89c6\u5316\u5143\u7d20\u5747\u662fDOM\u5143\u7d20\uff0c\u7eaf\u539f\u751fjavascript\u5f00\u53d1\u3002\u4e94\u4e2a\u96be\u5ea6\uff0c\u516d\u4e2a\u4e3b\u9898\u3002<\/p>\n","protected":false},"author":1,"featured_media":67,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/posts\/51"}],"collection":[{"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":7,"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":86,"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/posts\/51\/revisions\/86"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/media\/67"}],"wp:attachment":[{"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/media?parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/categories?post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.mindean.com\/a\/wp-json\/wp\/v2\/tags?post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}