{"id":1543,"date":"2022-05-28T06:45:00","date_gmt":"2022-05-27T22:45:00","guid":{"rendered":"https:\/\/fromideatocreation.com\/?p=888"},"modified":"2023-07-02T17:09:34","modified_gmt":"2023-07-02T09:09:34","slug":"%e3%80%90next-js-%e7%b3%bb%e5%88%97%e3%80%91%e5%be%9e-javascript-%e5%88%b0-react-1","status":"publish","type":"post","link":"https:\/\/fromideatocreation.com\/?p=1543","title":{"rendered":"\u3010Next.js \u7cfb\u5217\u3011\u5f9e JAVASCRIPT \u5230 REACT 1"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u6e32\u67d3\u7528\u6236\u754c\u9762<\/h2>\n\n\n\n<p>\u8981\u4e86\u89e3 React \u7684\u5de5\u4f5c\u539f\u7406\uff0c\u6211\u5011\u9996\u5148\u9700\u8981\u5c0d\u700f\u89bd\u5668\u5982\u4f55\u89e3\u91cb\u60a8\u7684\u7a0b\u5f0f\u78bc\u4ee5\u5efa\u7acb\u4e92\u52d5\u5f0f\u7528\u6236\u4ecb\u9762 (UI) \u6709\u4e00\u500b\u57fa\u672c\u7684\u4e86\u89e3\u3002<\/p>\n\n\n\n<p>\u7576\u7528\u6236\u8a2a\u554f\u7db2\u9801\u6642\uff0c\u670d\u52d9\u5668\u6703\u5411\u700f\u89bd\u5668\u8fd4\u56de\u4e00\u500b HTML \u6587\u4ef6\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n\n\n\n<div class=\"wp-block-qubely-image qubely-block-d6843b\"><div class=\"qubely-block-image  qubely-image-layout-simple\"><div class=\"qubely-image-media qubely-vertical-alignment-center qubely-horizontal-alignment-center\"><figure><div class=\"qubely-image-container\"><img decoding=\"async\" class=\"qubely-image-image\" src=\"https:\/\/fromideatocreation.com\/wp-content\/uploads\/2022\/05\/html-to-dom.png\" alt=\"\"\/><\/div><\/figure><\/div><\/div><\/div>\n\n\n\n<p>\u7136\u5f8c\u700f\u89bd\u5668\u8b80\u53d6 HTML \u4e26\u5efa\u69cb\u6587\u6a94\u7269\u4ef6\u6a21\u578b (DOM\uff1aDocument Object Model)\u3002<\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">DOM \u662f\u4ec0\u9ebc\uff1f<\/h2>\n\n\n\n<p>DOM \u662f HTML \u5143\u7d20\u7684\u7269\u4ef6\u4ee3\u8868\u3002 \u5b83\u5145\u7576\u60a8\u7684\u7a0b\u5f0f\u78bc\u548c\u7528\u6236\u754c\u9762\u4e4b\u9593\u7684\u6a4b\u6a11\uff0c\u4e26\u5177\u6709\u64c1\u6709\u7236\u5b50\u95dc\u4fc2\u7684\u6a39\u72c0\u7d50\u69cb\u3002<\/p>\n\n\n\n<div class=\"wp-block-qubely-image qubely-block-110d22\"><div class=\"qubely-block-image  qubely-image-layout-simple\"><div class=\"qubely-image-media qubely-vertical-alignment-center qubely-horizontal-alignment-center\"><figure><div class=\"qubely-image-container\"><img decoding=\"async\" class=\"qubely-image-image\" src=\"https:\/\/fromideatocreation.com\/wp-content\/uploads\/2022\/05\/dom-to-ui.png\" alt=\"\"\/><\/div><\/figure><\/div><\/div><\/div>\n\n\n\n<p>\u60a8\u53ef\u4ee5\u4f7f\u7528 DOM \u65b9\u6cd5\u548c\u7a0b\u5f0f\u8a9e\u8a00\uff08\u4f8b\u5982 JavaScript\uff09\u4f86\u76e3\u807d\u7528\u6236\u4e8b\u4ef6\uff0c\u4e26\u901a\u904e\u9078\u64c7\u3001\u6dfb\u52a0\u3001\u66f4\u65b0\u548c\u522a\u9664\u7528\u6236\u4ecb\u9762\u4e2d\u7684\u7279\u5b9a\u5143\u7d20\u4f86<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Client-side_web_APIs\/Manipulating_documents\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"\u64cd\u4f5c DOM\">\u64cd\u4f5c DOM<\/a>\u3002 DOM \u64cd\u4f5c\u4e0d\u50c5\u53ef\u4ee5\u8b93\u60a8\u5b9a\u4f4d\u7279\u5b9a\u5143\u7d20\uff0c\u9084\u53ef\u4ee5\u66f4\u6539\u5b83\u5011\u7684\u6a23\u5f0f\u548c\u5167\u5bb9\u3002<\/p>\n\n\n\n<p>\u8b93\u6211\u5011\u5728<a href=\"https:\/\/fromideatocreation.com\/archives\/883\" title=\"\u4e0b\u4e00\u7bc0\">\u4e0b\u4e00\u7bc0<\/a>\u4e2d\u4ecb\u7d39\u60a8\u53ef\u4ee5\u5982\u4f55\u4f7f\u7528 JavaScript \u548c DOM \u65b9\u6cd5\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8981\u4e86\u89e3 React \u7684\u5de5\u4f5c\u539f\u7406\uff0c\u6211\u5011\u9996\u5148\u9700\u8981\u5c0d\u700f\u89bd\u5668\u5982\u4f55\u89e3\u91cb\u60a8\u7684\u7a0b\u5f0f\u78bc\u4ee5\u5efa\u7acb\u4e92\u52d5\u5f0f\u7528\u6236\u4ecb\u9762 (UI) \u6709\u4e00\u500b\u57fa\u672c\u7684\u4e86\u89e3\u3002<\/p>\n","protected":false},"author":1,"featured_media":714,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","inline_featured_image":false,"_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"categories":[164,106],"tags":[167,163],"class_list":["post-1543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-next-js","category-106","tag-dom","tag-next-js"],"acf":[],"aioseo_notices":[],"qubely_featured_image_url":{"full":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"landscape":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"portraits":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",411,320,false],"thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",150,117,false],"medium":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",300,234,false],"medium_large":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"large":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"1536x1536":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"2048x2048":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"qubely_landscape":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"qubely_portrait":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",411,320,false],"qubely_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",128,100,false],"nazare_single_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_post_card_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",480,374,false],"nazare_widget_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",100,78,false],"nazare_widget_first_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",265,206,false],"nazare_el_banner_left":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_el_banner_right":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",560,436,false],"nazare_el_post_400x376":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",400,312,false],"nazare_el_post_520x460":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",520,405,false],"nazare_el_post_500x335":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",430,335,false],"nazare_el_post_500x300":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",385,300,false],"nazare_el_post_655x640":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_el_post_500x290":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",372,290,false],"nazare_el_post_416x278":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",357,278,false],"nazare_el_post_480x425":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",480,374,false],"nazare_el_post_635x640":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_el_post_305x177":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",227,177,false],"nazare_el_post_400x400":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",400,312,false],"nazare_el_post_400x360":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",400,312,false],"nazare_el_post_416x416":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",416,324,false],"nazare_el_post_485x430":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",485,378,false],"nazare_el_post_700x467":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_el_post_1000x581":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_post_1320x605":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_post_705x565":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"nazare_post_400x265":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",340,265,false],"nazare_el_post_1248x630":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"woocommerce_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",300,234,false],"woocommerce_single":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"woocommerce_gallery_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",100,78,false],"shop_catalog":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",300,234,false],"shop_single":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",565,440,false],"shop_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/04\/about2.webp",100,78,false]},"qubely_author":{"display_name":"Wen","author_link":"https:\/\/fromideatocreation.com\/?author=1"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/fromideatocreation.com\/?cat=164\" rel=\"category\">Next.js<\/a> <a href=\"https:\/\/fromideatocreation.com\/?cat=106\" rel=\"category\">\u6559\u5b78<\/a>","qubely_excerpt":"\u8981\u4e86\u89e3 React \u7684\u5de5\u4f5c\u539f\u7406\uff0c\u6211\u5011\u9996\u5148\u9700\u8981\u5c0d\u700f\u89bd\u5668\u5982\u4f55\u89e3\u91cb\u60a8\u7684\u7a0b\u5f0f\u78bc\u4ee5\u5efa\u7acb\u4e92\u52d5\u5f0f\u7528\u6236\u4ecb\u9762 (UI) \u6709\u4e00\u500b\u57fa...","_links":{"self":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/1543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1543"}],"version-history":[{"count":1,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/1543\/revisions"}],"predecessor-version":[{"id":1678,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/1543\/revisions\/1678"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/media\/714"}],"wp:attachment":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}