{"id":1473,"date":"2021-01-24T16:47:37","date_gmt":"2021-01-24T08:47:37","guid":{"rendered":"https:\/\/jimmyswebnote.com\/?p=1473"},"modified":"2021-08-08T22:51:29","modified_gmt":"2021-08-08T14:51:29","slug":"change-career-to-front-end-developer","status":"publish","type":"post","link":"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/","title":{"rendered":"2021 \u8f49\u8077\u524d\u7aef\u5de5\u7a0b\u5e2b\u5b78\u7fd2\u8cc7\u6e90\u8207\u5fc3\u5f97\u5206\u4eab"},"content":{"rendered":"\n<p>\u6b77\u7d93\u534a\u5e74\u7684\u6642\u9593\u8f49\u8077\u524d\u7aef\u5de5\u7a0b\u5e2b\uff0c\u9019\u908a\u60f3\u4f86\u5206\u4eab\u4e00\u4e0b\u9019\u534a\u5e74\u53c3\u8003\u7684\u8cc7\u6e90\u3001\u8ab2\u7a0b\u3001\u6587\u7ae0\u7b49\u7b49\uff0c\u5e0c\u671b\u5c0d\u60f3\u8981\u8f49\u8077\u524d\u7aef\u5de5\u7a0b\u5e2b\u7684\u4eba\u6709\u4e00\u9ede\u9ede\u7684\u5e6b\u52a9~<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-662f79de8906c\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-662f79de8906c\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#1_%E7%AD%86%E8%80%85%E8%83%8C%E6%99%AF\" title=\"1. \u7b46\u8005\u80cc\u666f\">1. \u7b46\u8005\u80cc\u666f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#2_%E5%AD%B8%E7%BF%92%E8%B7%AF%E7%B7%9A%E8%88%87%E8%B3%87%E6%BA%90%E5%8F%83%E8%80%83\" title=\"2. \u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u53c3\u8003\">2. \u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u53c3\u8003<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#21_%E5%9F%BA%E7%A4%8E%E8%A8%88%E7%AE%97%E6%A9%9F%E7%9F%A5%E8%AD%98\" title=\"2.1 \u57fa\u790e\u8a08\u7b97\u6a5f\u77e5\u8b58\">2.1 \u57fa\u790e\u8a08\u7b97\u6a5f\u77e5\u8b58<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#22_Command_Line_%E7%9A%84%E4%BD%BF%E7%94%A8\" title=\"2.2 Command Line \u7684\u4f7f\u7528\">2.2 Command Line \u7684\u4f7f\u7528<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#23_Git_%E7%9A%84%E4%BD%BF%E7%94%A8%E8%88%87_GitHub\" title=\"2.3 Git \u7684\u4f7f\u7528\u8207 GitHub\">2.3 Git \u7684\u4f7f\u7528\u8207 GitHub<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#24_JavaScript_%E7%A8%8B%E5%BC%8F%E5%9F%BA%E7%A4%8E%E8%88%87_npm%E3%80%81Nodejs\" title=\"2.4 JavaScript \u7a0b\u5f0f\u57fa\u790e\u8207 npm\u3001Node.js\">2.4 JavaScript \u7a0b\u5f0f\u57fa\u790e\u8207 npm\u3001Node.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#25_%E7%B6%B2%E8%B7%AF%E5%9F%BA%E7%A4%8E%E6%A6%82%E5%BF%B5\" title=\"2.5 \u7db2\u8def\u57fa\u790e\u6982\u5ff5\">2.5 \u7db2\u8def\u57fa\u790e\u6982\u5ff5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#26_HTML_%E3%80%81_CSS\" title=\"2.6 HTML \u3001 CSS\">2.6 HTML \u3001 CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#27_JavaScript_%E5%9C%A8%E7%80%8F%E8%A6%BD%E5%99%A8%E4%B8%8A%E7%9A%84%E6%87%89%E7%94%A8%E4%BB%A5%E5%8F%8A%E4%BA%8B%E4%BB%B6%E6%A9%9F%E5%88%B6\" title=\"2.7 JavaScript \u5728\u700f\u89bd\u5668\u4e0a\u7684\u61c9\u7528\u4ee5\u53ca\u4e8b\u4ef6\u6a5f\u5236\">2.7 JavaScript \u5728\u700f\u89bd\u5668\u4e0a\u7684\u61c9\u7528\u4ee5\u53ca\u4e8b\u4ef6\u6a5f\u5236<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#28_%E4%B8%B2%E6%8E%A5_API_%E8%88%87%E5%85%B6%E4%BB%96%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E6%8A%80%E8%83%BD%E5%8A%A0%E5%BC%B7\" title=\"2.8 \u4e32\u63a5 API \u8207\u5176\u4ed6\u524d\u7aef\u5de5\u7a0b\u6280\u80fd\u52a0\u5f37\">2.8 \u4e32\u63a5 API \u8207\u5176\u4ed6\u524d\u7aef\u5de5\u7a0b\u6280\u80fd\u52a0\u5f37<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#29_%E7%80%8F%E8%A6%BD%E5%99%A8%E9%81%8B%E4%BD%9C%E5%8E%9F%E7%90%86%E8%88%87%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96\" title=\"2.9 \u700f\u89bd\u5668\u904b\u4f5c\u539f\u7406\u8207\u524d\u7aef\u6548\u80fd\u512a\u5316\">2.9 \u700f\u89bd\u5668\u904b\u4f5c\u539f\u7406\u8207\u524d\u7aef\u6548\u80fd\u512a\u5316<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#210_%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3_JavaScript_%E5%8E%9F%E7%90%86\" title=\"2.10 \u6df1\u5165\u7406\u89e3 JavaScript \u539f\u7406\">2.10 \u6df1\u5165\u7406\u89e3 JavaScript \u539f\u7406<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#211_%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E5%AD%B8%E7%BF%92\" title=\"2.11 \u524d\u7aef\u6846\u67b6\u5b78\u7fd2\">2.11 \u524d\u7aef\u6846\u67b6\u5b78\u7fd2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#212_%E5%BE%8C%E7%AB%AF%E8%88%87%E8%B3%87%E6%96%99%E5%BA%AB\" title=\"2.12 \u5f8c\u7aef\u8207\u8cc7\u6599\u5eab\">2.12 \u5f8c\u7aef\u8207\u8cc7\u6599\u5eab<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#213_%E5%89%8D%E5%BE%8C%E7%AB%AF%E6%95%B4%E5%90%88%E8%88%87%E4%B8%B2%E6%8E%A5_%E5%81%9A%E4%BD%9C%E5%93%81\" title=\"2.13  \u524d\u5f8c\u7aef\u6574\u5408\u8207\u4e32\u63a5 (\u505a\u4f5c\u54c1)\">2.13  \u524d\u5f8c\u7aef\u6574\u5408\u8207\u4e32\u63a5 (\u505a\u4f5c\u54c1)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#3_%E5%AD%B8%E7%BF%92%E8%B7%AF%E7%B7%9A%E8%88%87%E8%B3%87%E6%BA%90%E7%B5%90%E8%AB%96\" title=\"3. \u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u7d50\u8ad6\">3. \u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u7d50\u8ad6<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/jimmyswebnote.com\/change-career-to-front-end-developer\/#4_%E8%BD%89%E8%81%B7%E5%BF%83%E5%BE%97\" title=\"4. \u8f49\u8077\u5fc3\u5f97\">4. \u8f49\u8077\u5fc3\u5f97<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_%E7%AD%86%E8%80%85%E8%83%8C%E6%99%AF\"><\/span>1. \u7b46\u8005\u80cc\u666f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u7406\u5de5\u5b78\u58eb\u7562\u696d\uff0c\u5927\u5b78\u7562\u696d\u6642\u89ba\u5f97\u5c0d\u81ea\u5df1\u7684\u4eba\u751f\u611f\u5230\u832b\u7136\uff0c\u5c0d\u672c\u79d1\u7cfb\u4e5f\u6c92\u4ec0\u9ebc\u8208\u8da3\uff0c\u4f46\u672c\u8eab\u9084\u7b97\u559c\u6b61\u8ddf\u5176\u4ed6\u4eba\u4e92\u52d5\uff0c\u6240\u4ee5\u6c7a\u5b9a\u5148\u7576\u500b\u696d\u52d9\uff0c\u8a8d\u70ba\u53ef\u4ee5\u63a5\u89f8\u5230\u6bd4\u8f03\u591a\u7684\u884c\u696d\u548c\u516c\u53f8\u5404\u500b\u90e8\u9580\uff0c\u5e0c\u671b\u53ef\u4ee5\u85c9\u7531\u696d\u52d9\u9019\u4efd\u5de5\u4f5c\uff0c\u627e\u5230\u81ea\u5df1\u6709\u8208\u8da3\u7684\u9818\u57df\u3002<\/p>\n\n\n\n<p>\u5728\u505a\u4e86\u5169\u5e74\u7684\u696d\u52d9\u5f8c\uff0c\u96d6\u7136\u6eff\u559c\u6b61\u696d\u52d9\u7684\u5de5\u4f5c\u578b\u614b\u7684(\u5230\u8655\u8dd1\u3001\u63a5\u89f8\u4e0d\u540c\u7684\u4eba)\uff0c\u4f46\u4ed4\u7d30\u8a55\u4f30\u5f8c\uff0c\u8a8d\u70ba\u81ea\u5df1\u7684\u500b\u6027\u9577\u9060\u4f86\u770b\u4e0d\u592a\u9069\u5408\u505a\u696d\u52d9\uff0c\u6709\u6642\u5019\u4e5f\u89ba\u5f97\u628a\u4eba\u969b\u95dc\u4fc2\u5efa\u7acb\u5728\u5546\u696d\u5229\u76ca\u4e0a\uff0c\u5c0d\u6211\u500b\u4eba\u4f86\u8aaa\u662f\u500b\u6709\u9ede\u8de8\u4e0d\u904e\u53bb\u7684\u9580\u6abb\uff0c\u525b\u597d\u4e5f\u5229\u7528\u5047\u65e5\u5b78\u4e86\u4e00\u9ede\u7db2\u9801\u958b\u767c\uff0c\u89ba\u5f97\u9084\u7b97\u6eff\u6709\u8208\u8da3\uff0c\u672a\u4f86\u7684\u767c\u5c55\u4e5f\u4e0d\u5dee\uff0c\u56e0\u6b64\u6700\u5f8c\u6c7a\u5b9a\u88f8\u8fad\u500b\u534a\u5e74\uff0c\u5168\u8077\u8f49\u8077\u524d\u7aef\u5de5\u7a0b\u5e2b\u3002<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"2_%E5%AD%B8%E7%BF%92%E8%B7%AF%E7%B7%9A%E8%88%87%E8%B3%87%E6%BA%90%E5%8F%83%E8%80%83\"><\/span>2. \u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u53c3\u8003<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u500b\u4eba\u4e3b\u8981\u662f\u53c3\u8003\u5169\u4f4d\u524d\u7aef\u5927\u795e\u5206\u4eab\u7684\u5b78\u7fd2\u8def\u7dda\u4f86\u505a\u8f49\u8077\uff1a<\/p>\n\n\n\n<p><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/aszx87410.github.io\/blog\/medium\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Huli<\/a> : <br><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/hulitw.medium.com\/front-end-learning-path-55201571ecfe\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u7d2e\u5be6\u7684\u7db2\u9801\u524d\u7aef\u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u63a8\u85a6<\/a><br><a href=\"https:\/\/github.com\/Lidemy\/mentor-program-4th\" target=\"_blank\" aria-label=\"\u7a0b\u5f0f\u5c0e\u5e2b\u5be6\u9a57\u8a08\u756b\u7b2c\u56db\u671f\u5b8c\u6574\u8ab2\u7db1 (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u7a0b\u5f0f\u5c0e\u5e2b\u5be6\u9a57\u8a08\u756b\u7b2c\u56db\u671f\u5b8c\u6574\u8ab2\u7db1<\/a><\/p>\n\n\n\n<p><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/noootown.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u6c92\u4e00\u6751<\/a> : <br><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/noootown.com\/fullstack-developer-roadmap-essential-frontend\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[\u7a0b\u5f0f\u8a2d\u8a08] \u5168\u7aef\u5de5\u7a0b\u5e2b\u5b78\u7fd2\u5730\u5716\uff08\u901a\u7528 + \u524d\u7aef\uff09<\/a><\/p>\n\n\n\n<p>\u5728\u525b\u958b\u59cb\u8f49\u8077\u7684\u6642\u5019\u5176\u5be6\u9084\u6eff\u7336\u8c6b\u5230\u5e95\u8981\u4e0d\u8981\u53c3\u52a0 Huli \u958b\u8a2d\u7684 <a aria-label=\"\u7a0b\u5f0f\u5c0e\u5e2b\u5be6\u9a57\u8a08\u756b\u7b2c\u56db\u671f (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\" href=\"https:\/\/bootcamp.lidemy.com\/\" target=\"_blank\">\u7a0b\u5f0f\u5c0e\u5e2b\u5be6\u9a57\u8a08\u756b\u7b2c\u56db\u671f<\/a>\uff0c\u4f46\u8003\u91cf\u5230\u5728\u5de5\u4f5c\u6642\u5df2\u7d93\u6709\u63a5\u89f8\u5230\u4e00\u4e9b\u7db2\u9801\u7684\u6280\u8853 (\u57fa\u672c\u7684 HTML \u548c CSS) \uff0c\u518d\u52a0\u4e0a Huli \u81ea\u5df1\u7684\u7dda\u4e0a\u8ab2\u7a0b\u5e73\u53f0 <a aria-label=\"Lidemy \u92f0\u5b78\u9662 (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\" href=\"https:\/\/lidemy.com\/\" target=\"_blank\">Lidemy \u92f0\u5b78\u9662<\/a> \u7684\u8ab2\u7a0b\u5176\u5be6\u6eff\u5b8c\u6574\u53c8\u6eff\u4fbf\u5b9c\u7684\uff0c\u6240\u4ee5\u5f8c\u4f86\u9084\u662f\u6c7a\u5b9a\u81ea\u5df1\u8f49\u8077\uff0c\u4e5f\u6bd4\u8f03\u53ef\u4ee5\u62ff\u634f\u81ea\u5df1\u7684\u9032\u5ea6\u3002<\/p>\n\n\n\n<p>\u4ee5\u4e0b\u5b78\u7fd2\u8def\u7dda\u57fa\u672c\u4e0a\u662f\u53c3\u8003 <a rel=\"noreferrer noopener\" href=\"https:\/\/hulitw.medium.com\/front-end-learning-path-55201571ecfe\" target=\"_blank\">\u7d2e\u5be6\u7684\u7db2\u9801\u524d\u7aef\u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u63a8\u85a6<\/a> \u9019\u7bc7\u6587\u7ae0\uff0c\u5728\u81ea\u5df1\u8f49\u8077\u5b8c\u524d\u7aef\u5de5\u7a0b\u5e2b\u5f8c\u518d\u56de\u904e\u982d\u4f86\u6aa2\u8996\u9019\u500b\u5b78\u7fd2\u8def\u7dda\u9084\u662f\u89ba\u5f97\u6eff\u63a8\u85a6\u7684\uff0c\u5c24\u5176\u9069\u5408\u975e\u8cc7\u5de5\u672c\u79d1\u53c8\u6c92\u6709\u7a0b\u5f0f\u57fa\u790e\u7684\u4eba (\u5c31\u662f\u6211\u54c8\u54c8) \u5b78\u7fd2\u8def\u7dda\u5982\u4e0b\uff1a<\/p>\n\n\n\n<p>1. \u57fa\u790e\u8a08\u7b97\u6a5f\u77e5\u8b58<br>2. Command Line \u7684\u4f7f\u7528<br>3. Git \u7684\u4f7f\u7528\u8207 GitHub<br>4. JavaScript \u7a0b\u5f0f\u57fa\u790e\u8207 npm\u3001Node.js<br>5. \u7db2\u8def\u57fa\u790e\u6982\u5ff5<br>6. HTML \u3001 CSS<br>7. JavaScript \u5728\u700f\u89bd\u5668\u4e0a\u7684\u61c9\u7528\u4ee5\u53ca\u4e8b\u4ef6\u6a5f\u5236<br>8. \u4e32\u63a5 API \u8207\u5176\u4ed6\u524d\u7aef\u5de5\u7a0b\u6280\u80fd\u52a0\u5f37<br>9. \u700f\u89bd\u5668\u904b\u4f5c\u539f\u7406\u8207\u524d\u7aef\u6548\u80fd\u512a\u5316<br>10. \u6df1\u5165\u7406\u89e3 JavaScript \u539f\u7406<br>11. \u524d\u7aef\u6846\u67b6\u5b78\u7fd2<br>12. \u5f8c\u7aef\u8207\u8cc7\u6599\u5eab<br>13. \u524d\u5f8c\u7aef\u6574\u5408\u8207\u4e32\u63a5 (\u505a\u4f5c\u54c1)<\/p>\n\n\n\n<p>\u9019\u662f\u7b46\u8005\u500b\u4eba\u7684\u5b78\u7fd2\u8def\u7dda\uff0c\u4e8b\u5be6\u4e0a\uff0c\u500b\u4eba\u8a8d\u70ba\u53ea\u8981\u628a\u6838\u5fc3\u6982\u5ff5\u641e\u61c2\u5f8c (\u50cf\u662f JavaScript \u4e00\u4e9b\u539f\u7406)\uff0c\u5176\u4ed6\u7684\u6280\u8853\u5c31\u53ea\u662f\u8f14\u52a9\uff0c\u5982\u679c\u4f60\u8ddf\u6211\u4e00\u6a23\u5148\u6c42\u6709\u518d\u6c42\u597d\uff0c\u53ef\u4ee5\u5148\u4ee5\u505a\u51fa\u4e00\u500b\u5b8c\u6574\u4f5c\u54c1(\u524d\u5f8c\u7aef\u90fd\u662f\u81ea\u5df1\u5be6\u4f5c)\u70ba\u76ee\u6a19\uff0c\u7b49\u9700\u8981\u7528\u5230\u67d0\u4e9b\u6280\u8853\u6216\u6846\u67b6\u518d\u4f86\u5b78\uff0c\u6211\u8a8d\u70ba\u4e5f\u662f\u4e00\u500b\u4e0d\u932f\u7684\u9078\u64c7\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"21_%E5%9F%BA%E7%A4%8E%E8%A8%88%E7%AE%97%E6%A9%9F%E7%9F%A5%E8%AD%98\"><\/span>2.1 \u57fa\u790e\u8a08\u7b97\u6a5f\u77e5\u8b58<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u6c7a\u5b9a\u8f49\u8077\u524d\u7aef\u5de5\u7a0b\u5e2b\u7684\u8a71\uff0c\u9084\u662f\u5efa\u8b70\u53ef\u4ee5\u5148\u7406\u89e3\u4e00\u4e0b\u4e00\u4e9b\u96fb\u8166\u7684\u57fa\u672c\u77e5\u8b58\uff0c\u53ef\u4ee5\u8b93\u4f60\u5c0d\u8edf\u9ad4\u958b\u767c\u7684\u57fa\u790e\u6bd4\u8f03\u6709\u6982\u5ff5\u3002<br>\u9019\u90e8\u5206\u5176\u5be6\u662f\u6bd4\u8f03\u5f8c\u4f86\u6211\u624d\u56de\u4f86\u770b\u7684\uff0c\u4f46\u5982\u679c\u91cd\u4f86\u7684\u8a71\uff0c\u6211\u6703\u9078\u64c7\u628a\u8a08\u7b97\u6a5f\u6982\u8ad6\u6392\u5230\u7b2c\u4e00\u9806\u4f4d\u3002<\/p>\n\n\n\n<h4>2.1.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"[CS101] \u521d\u5fc3\u8005\u7684\u8a08\u6982\u8207 coding \u706b\u7403\u8853 (opens in a new tab)\" href=\"https:\/\/lidemy.com\/p\/cs101-coding\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[CS101] \u521d\u5fc3\u8005\u7684\u8a08\u6982\u8207 coding \u706b\u7403\u8853<\/a><br>Huli \u958b\u7684\u8ab2\u7a0b\uff0c\u5b8c\u5168\u514d\u8cbb\u800c\u4e14\u6dfa\u986f\u6613\u61c2\uff0c\u6703\u5e36\u5230\u6eff\u591a\u8a08\u7b97\u6a5f\u6982\u8ad6\u7684\u89c0\u5ff5\uff0c\u4f46\u53c8\u4e0d\u6703\u50cf\u5927\u5b78\u6559\u6388\u958b\u7684\u8ab2\u7a0b\uff0c\u76f4\u63a5\u8b93\u4f60\u7528 C \u4f86\u5be6\u4f5c\u3002<br>\u7b46\u8005\u5728\u5927\u5b78\u7684\u6642\u5019\u6709\u4e0a\u904e\u4ea4\u5927\u8a08\u7b97\u6a5f\u6982\u8ad6\u7684\u958b\u653e\u5f0f\u8ab2\u7a0b\uff0c\u5927\u5b78\u4e5f\u4fee\u904e\u7cfb\u4e0a\u7684\u7a0b\u5f0f\u8a9e\u8a00\uff0c\u4f46\u90a3\u7a2e\u76f4\u63a5\u7528\u4f4e\u968e\u8a9e\u8a00\u4f86\u64cd\u4f5c\u7684\u8ab2\u7a0b\uff0c\u5bb9\u6613\u8b93\u5927\u90e8\u5206\u7684\u4eba\u537b\u6b65\uff0c\u4e5f\u6703\u8b93\u5927\u90e8\u5206\u7684\u4eba\u6709\u300c\u54c0~\u5beb\u7a0b\u5f0f\u90a3\u9ebc\u96e3\u4e00\u5b9a\u5f88\u4e0d\u9069\u5408\u6211\u300d\u7684\u932f\u89ba\uff0c\u56e0\u6b64\u6eff\u63a8\u85a6 Huli \u7684\u9019\u9580\u8a08\u7b97\u6a5f\u6982\u8ad6\u8ab2\u7a0b\uff0c\u4e4b\u5f8c\u518d\u7528 JavaScript \u6162\u6162\u8a13\u7df4\u7a0b\u5f0f\u7684\u57fa\u790e\u3002<\/p>\n\n\n\n<p><a aria-label=\"\u9ce5\u54e5\u7684 Linux \u79c1\u623f\u83dc - \u7b2c\u96f6\u7ae0\u3001\u8a08\u7b97\u6a5f\u6982\u8ad6 (opens in a new tab)\" href=\"http:\/\/linux.vbird.org\/linux_basic\/0105computers.php\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u9ce5\u54e5\u7684 Linux \u79c1\u623f\u83dc &#8211; \u7b2c\u96f6\u7ae0\u3001\u8a08\u7b97\u6a5f\u6982\u8ad6<\/a><br>\u9ce5\u54e5\u582a\u7a31 Linux \u83ef\u4eba\u754c\u7684\u7b2c\u4e00\u628a\u4ea4\u6905\uff0c\u9019\u7bc7\u6587\u7ae0\u4e5f\u7c21\u55ae\u8b1b\u89e3\u4e86\u8a08\u7b97\u6a5f\u6982\u8ad6\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"22_Command_Line_%E7%9A%84%E4%BD%BF%E7%94%A8\"><\/span>2.2 Command Line \u7684\u4f7f\u7528<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5982\u679c\u4f60\u8ddf\u525b\u8f49\u8077\u7684\u6211\u4e00\u6a23\uff0c\u5c0d\u96fb\u8166\u5e7e\u4e4e\u4e0d\u4e86\u89e3\u7684\u8a71\u53ef\u80fd\u4e0d\u77e5\u9053 command line \u5230\u5e95\u662f\u8766\u7c73\u7897\u7cd5\u3002<br>\u7c21\u55ae\u4f86\u8aaa\uff0c\u4eba\u548c\u96fb\u8166\u6e9d\u901a\u9700\u8981\u900f\u904e\u4ecb\u9762 (interface)\uff0c\u50cf Windows \u7cfb\u7d71\u9019\u7a2e\u6709\u7f8e\u9e97\u7684\u5716\u7247\uff0c\u4ee5\u53ca\u5404\u7a2e\u6309\u9215\u4ee3\u8868\u5404\u7a2e\u4e0d\u540c\u7684\u529f\u80fd\uff0c\u5c31\u53eb\u505a\u5716\u5f62\u5316\u4f7f\u7528\u8005\u4ecb\u9762 ( Graphical User Interface, GUI )\uff0c\u900f\u904e\u5404\u7a2e\u5716\u5f62\u548c\u96fb\u8166\u505a\u6e9d\u901a\uff1b\u53e6\u5916\u4e00\u7a2e\u5c31\u662f\u6307\u4ee4\u5217\u4ecb\u9762 ( Command Line Interface, CLI )\uff0c\u900f\u904e\u5c0d\u96fb\u8166\u4e0b\u6307\u4ee4\u4f86\u548c\u96fb\u8166\u6e9d\u901a\uff0cEx: \u5c0d\u96fb\u8166\u4e0b\u4e00\u500b ls \u7684\u6307\u4ee4\uff0c\u96fb\u8166\u5c31\u6703\u5217\u51fa\u76ee\u524d\u6240\u5728\u4f4d\u7f6e\u7684\u6240\u6709\u6a94\u6848\u53ca\u8cc7\u6599\u593e\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash line-numbers\">Jimmy2952@DESKTOP-N68T9F2 MINGW64 \/f\/project\n$ ls\nangular-project\/             react-complete-guide\/     redux-guide-teacher\/\nanimation-in-react\/          react-hooks-turtorial\/    the-burger-builder\/\nbuild\/                       react-send-http-request\/  webpack-turtorial\/\njimmychenphotography_react\/  redux-guide\/\n<\/code><\/pre>\n\n\n\n<p>\u5b78\u7fd2 command line \u53ef\u4ee5\u8b93\u4f60\u66f4\u52a0\u638c\u63e1\u5c0d\u96fb\u8166\u7684\u7406\u89e3\uff0c\u5728\u5f80\u5f8c\u7db2\u9801\u958b\u767c\u7684\u9053\u8def\u4e0a\u4e5f\u6709\u5f88\u591a\u6642\u5019\u9700\u8981\u7528 command line \u548c\u96fb\u8166\u6e9d\u901a\uff0c\u4f46\u521d\u671f\u5982\u679c\u4f60\u53ea\u60f3\u5b78\u4e9b\u6bd4\u8f03\u57fa\u790e\u7684\u6307\u4ee4(\u5982\u4f55\u5229\u7528 command line \u9032\u5230\u8cc7\u6599\u593e\u3001\u5982\u4f55\u65b0\u589e\u8cc7\u6599\u593e\u7b49\u7b49)\uff0c\u53ef\u4ee5\u76f4\u63a5 google command line \u770b\u76f8\u95dc\u7684\u6587\u7ae0\uff0c\u4f46\u5982\u679c\u5e0c\u671b\u5b78\u7fd2\u6bd4\u8f03\u5b8c\u6574\u7684 command line \uff0c\u751a\u81f3\u5e0c\u671b\u53ef\u4ee5\u5728\u96fb\u8166\u4e2d\u8a2d\u5b9a\u81ea\u5df1\u7684\u6307\u4ee4\uff0c\u518d\u53c3\u8003\u4ee5\u4e0b\u7684\u5b78\u7fd2\u8cc7\u6e90\u3002<\/p>\n\n\n\n<h4>2.2.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"Linux Mastery: Master the Linux Command Line in 11.5 Hours (opens in a new tab)\" href=\"https:\/\/www.udemy.com\/course\/linux-mastery\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Linux Mastery: Master the Linux Command Line in 11.5 Hours<\/a><br>\u4e0a\u9019\u9580\u8ab2\u9664\u4e86\u53ef\u4ee5\u5c0d command line \u6709\u5b8c\u6574\u7684\u4e86\u89e3\u5916\uff0c\u9084\u53ef\u4ee5\u63a5\u89f8\u5230 linux \u7cfb\u7d71\uff0c\u800c\u4e14\u8001\u5e2b\u975e\u5e38\u71b1\u60c5<s>(\u525b\u958b\u59cb\u4ee5\u70ba\u4ed6\u6709\u55d1\u85e5)<\/s> \uff0c\u5b8c\u5168\u4e0d\u6703\u8b93\u4eba\u60f3\u7761\u89ba\uff0c\u500b\u4eba\u9084\u6eff\u63a8\u85a6\u7684~<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"23_Git_%E7%9A%84%E4%BD%BF%E7%94%A8%E8%88%87_GitHub\"><\/span>2.3 Git \u7684\u4f7f\u7528\u8207 GitHub<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Git \u662f\u4e00\u500b\u7528\u4f86\u7248\u672c\u63a7\u7ba1\u7684\u5de5\u5177\uff0c\u7248\u672c\u63a7\u7ba1\u9867\u540d\u601d\u7fa9\u5c31\u662f\u7528\u4f86\u63a7\u5236\u6a94\u6848\u7248\u672c\u7684\u4e00\u5957\u5de5\u5177\uff0c\u5982\u679c\u5927\u5bb6\u6709\u548c\u540c\u5b78\u7528 google \u7c21\u5831\u4f86\u5354\u4f5c\u5831\u544a\u6642\u5c31\u6703\u767c\u73fe\u6709\u7248\u672c\u63a7\u7ba1\u7684\u529f\u80fd\uff0c\u5982\u4e0b:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/jimmyswebnote.com\/wp-content\/uploads\/2021\/01\/\u5716\u7247-059.png\"><img loading=\"lazy\" width=\"1024\" height=\"481\" src=\"https:\/\/jimmyswebnote.com\/wp-content\/uploads\/2021\/01\/\u5716\u7247-059-1024x481.png\" alt=\"\u524d\u7aef\u5de5\u7a0b\u5e2b\" class=\"wp-image-1501\" srcset=\"https:\/\/jimmyswebnote.com\/wp-content\/uploads\/2021\/01\/\u5716\u7247-059-1024x481.png 1024w, https:\/\/jimmyswebnote.com\/wp-content\/uploads\/2021\/01\/\u5716\u7247-059-300x141.png 300w, https:\/\/jimmyswebnote.com\/wp-content\/uploads\/2021\/01\/\u5716\u7247-059-768x361.png 768w, https:\/\/jimmyswebnote.com\/wp-content\/uploads\/2021\/01\/\u5716\u7247-059-1536x722.png 1536w, https:\/\/jimmyswebnote.com\/wp-content\/uploads\/2021\/01\/\u5716\u7247-059.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>\u53f3\u5074\u6703\u6709\u7248\u672c\u63a7\u7ba1\u7684\u7d00\u9304\uff0c\u4ee5\u53ca\u8ab0\u4fee\u6539\u4e86\u9019\u4efd\u6a94\u6848\u3002 git \u5c31\u662f\u7528\u4f86\u5be6\u505a\u9019\u7a2e\u529f\u80fd\u7684\u4e00\u500b\u5de5\u5177\uff0c\u800c\u4e14\u4e5f\u662f\u591a\u4eba\u5354\u4f5c\u5c08\u6848\u6642\u4e00\u5b9a\u6703\u7528\u5230\u7684\u5de5\u5177\u3002<\/p>\n\n\n\n<h4>2.3.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"\u70ba\u4f60\u81ea\u5df1\u5b78 Git (opens in a new tab)\" href=\"https:\/\/gitbook.tw\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u70ba\u4f60\u81ea\u5df1\u5b78 Git<\/a><br>\u500b\u4eba\u8a8d\u70ba\u9019\u7cfb\u5217\u7684\u6587\u7ae0\u5c31\u975e\u5e38\u5b8c\u6574\u4e86\uff0c\u91cd\u982d\u5230\u5c3e\u770b\u4e00\u904d\u518d\u81ea\u5df1\u64cd\u4f5c\u4e00\u6b21\uff0c\u57fa\u672c\u4e0a\u5c31\u80fd\u7406\u89e3 git \u7684\u529f\u80fd\u4ee5\u53ca\u5982\u4f55\u7528 GitHub \u4f86\u7ba1\u7406\u5c08\u6848\uff0c\u6211\u81ea\u5df1\u662f\u908a\u770b\u908a\u505a\u7b46\u8a18\uff0c\u7406\u89e3\u5b8c\u539f\u7406\u5f8c\u4e5f\u7c21\u55ae\u6574\u7406\u51fa\u4e00\u7bc7\u6587\u7ae0\uff0c\u6709\u9ede\u50cf\u662f\u6bcf\u6b21\u8981\u958b\u5c08\u6848\u6642\u4f7f\u7528 git \u7684 SOP\uff0c\u6709\u8208\u8da3\u7684\u4eba\u4e5f\u53ef\u4ee5\u53c3\u8003\uff1a<a aria-label=\"\u5982\u4f55\u7528git\u5c07\u8cc7\u6599\u593e\u52a0\u5165\u5230\u7248\u672c\u63a7\u7ba1\u4e2d\uff1f (opens in a new tab)\" href=\"https:\/\/jimmyswebnote.com\/how-to-git\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u5982\u4f55\u7528git\u5c07\u8cc7\u6599\u593e\u52a0\u5165\u5230\u7248\u672c\u63a7\u7ba1\u4e2d\uff1f<\/a><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"24_JavaScript_%E7%A8%8B%E5%BC%8F%E5%9F%BA%E7%A4%8E%E8%88%87_npm%E3%80%81Nodejs\"><\/span>2.4 JavaScript \u7a0b\u5f0f\u57fa\u790e\u8207 npm\u3001Node.js<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>HTML\u3001CSS\u3001JavaScript \u53ef\u4ee5\u8aaa\u662f\u9032\u64ca\u7684\u5de8\u4eba\u88e1\u7684\u4e09\u5ea7\u57ce\u7246\uff0c\u56e0\u70ba\u700f\u89bd\u5668\u53ea\u8a8d\u5f97\u9019\u4e09\u7a2e\u8a9e\u8a00\uff0c\u7121\u8ad6\u4f60\u4f7f\u7528\u4efb\u4f55 JavaScript \u6846\u67b6\u3001CSS \u9810\u8655\u7406\u5668\u3001 HTML \u6a21\u677f\uff0c\u6700\u5f8c\u90fd\u6703\u88ab\u8f49\u8b6f\u6210\u9019\u4e09\u7a2e\u8a9e\u8a00\uff0c\u5176\u4e2d\u53c8\u4ee5 JavaScript \u6700\u91cd\u8981\uff0c\u9580\u6abb\u6700\u9ad8\uff0c\u90a3\u70ba\u751a\u9ebc\u628a JavaScript \u653e\u5728\u6700\u524d\u9762\u5b78\u7fd2\u5462\uff1f\u53ef\u4ee5\u53c3\u8003 Huli \u7684\u89c0\u9ede\uff1a<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>\u65e2\u7136\u662f\u8981\u8d70\u7db2\u9801\u524d\u7aef\uff0c\u90a3\u5c31\u4e00\u5b9a\u8981\u5b78 JavaScript \u9019\u500b\u7a0b\u5f0f\u8a9e\u8a00\uff0c\u53ea\u662f\u65e9\u5b78\u665a\u5b78\u7684\u554f\u984c\u800c\u5df2\u3002\u800c HTML \u8207 CSS \u80fd\u5920\u5feb\u901f\u5e36\u7d66\u5b78\u7fd2\u8005\u6210\u5c31\u611f\uff0c\u56e0\u70ba\u80fd\u5920\u7acb\u523b\u770b\u898b\u81ea\u5df1\u5230\u5e95\u5b78\u4e86\u4ec0\u9ebc\uff0c\u662f\u80fd\u5920\u88dc\u5145\u5b78\u7fd2\u52d5\u529b\u7684\u79d1\u76ee\u3002<\/p><p>\u5728\u5b78\u65b0\u6771\u897f\u7684\u6642\u5019\uff0c\u4e00\u5b9a\u662f\u525b\u958b\u59cb\u6700\u6709\u6bc5\u529b\uff0c\u4e4b\u5f8c\u5c31\u6703\u6162\u6162\u6d88\u9000\uff0c\u62d6\u5ef6\u75c7\u958b\u59cb\u767c\u4f5c\u3002\u9078\u5728\u9019\u6642\u5019\u5b78 JavaScript \u5c31\u662f\u56e0\u70ba\u9019\u6a23\u3002\u6211\u89ba\u5f97\u8d81\u8457\u52d5\u529b\u9084\u6c92\u6d88\u9000\u7684\u6642\u5019\u5148\u5b78\u6bd4\u8f03\u597d\uff0c\u5f8c\u9762\u624d\u5b78 HTML \u8207 CSS\uff0c\u9806\u4fbf\u628a\u52d5\u529b\u4e00\u8d77\u88dc\u4e0a\u3002<\/p><\/blockquote>\n\n\n\n<p>\u500b\u4eba\u7684\u89c0\u9ede\u5247\u662f\u8a8d\u70ba\uff0c\u524d\u7aef\u958b\u767c\u8aaa\u7a7f\u4e86\u9084\u662f\u8edf\u9ad4\u5de5\u7a0b\u5e2b\uff0c\u500b\u4eba\u8a8d\u70ba\u7528 HTML\u3001CSS \u5207\u7248\u7b97\u662f\u6bd4\u8f03\u57fa\u790e\u7684\u6280\u80fd\uff0c\u771f\u6b63\u7684\u9580\u6abb\u5728\u65bc\u5982\u4f55\u7528 JavaScript \u4f86\u8655\u7406\u8cc7\u6599\u4ee5\u53ca\u8207\u4f7f\u7528\u8005\u4e92\u52d5\uff0c\u5148\u63a5\u89f8 JavaScript \u4e5f\u53ef\u4ee5\u5148\u8a66\u8a66\u6c34\u6eab\uff0c\u770b\u770b\u81ea\u5df1\u5c0d\u5beb\u7a0b\u5f0f\u662f\u4e0d\u662f\u771f\u7684\u6709\u8208\u8da3\uff0c\u5982\u679c\u5b78\u5b8c HTML \u548c CSS \u518d\u5b78 JavaScript \u767c\u73fe\u6574\u5929\u7528 JavaScript \u4f86\u8655\u7406\u8cc7\u6599\u5f88\u7169\u800c\u4e14\u6c92\u6709\u71b1\u60c5\uff0c\u90a3\u653e\u68c4\u9019\u689d\u8def\u7684\u6a5f\u6703\u6210\u672c\u53c8\u66f4\u5927\u4e00\u9ede\u4e86\u3002<\/p>\n\n\n\n<p>JavaScript \u7684\u5167\u5bb9\u5176\u5be6\u975e\u5e38\u591a\uff0c\u5728\u9019\u500b\u968e\u6bb5\u6703\u5efa\u8b70\u5148\u5b78\u7fd2\u6bd4\u8f03\u57fa\u790e\u7684 JavaScript \uff0c\u4e3b\u8981\u662f\u8b93\u81ea\u5df1\u719f\u6089\u5beb\u7a0b\u5f0f\u7684\u611f\u89ba\uff0c\u5426\u5247\u4e00\u6b21\u5b78\u5b8c JavaScript \u6211\u89ba\u5f97\u61c9\u8a72\u6703\u5410\u3002<\/p>\n\n\n\n<h4>2.4.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"\u73fe\u4ee3JavaScript \u6559\u7a0b (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/zh.javascript.info\/\" target=\"_blank\" class=\"rank-math-link\">\u73fe\u4ee3JavaScript \u6559\u7a0b<\/a><br>\u662f\u4e00\u500b\u6eff\u5b8c\u6574\u7684 JavaScript \u6559\u5b78\uff0c\u6eff\u63a8\u85a6\u91cd\u982d\u958b\u59cb\u770b\u7684\uff0c\u9019\u500b\u968e\u6bb5\u53ef\u4ee5\u5148\u770b\u5230\u7b2c1\u90e8\u5206\u7684\u7b2c5\u7ae0\u7d50\u675f\uff0c\u5982\u679c\u6709\u78ba\u5be6\u638c\u63e1\u89c0\u5ff5\u7684\u8a71\uff0c\u8981\u89e3\u51fa\u4e00\u4e9b\u6578\u5b78\u984c\u76ee\u4e0d\u6703\u662f\u592a\u5927\u7684\u554f\u984c\u3002<br>\u500b\u4eba\u662f\u908a\u770b\u908a\u505a\u7b46\u8a18(\u6574\u7406\u518d\u4e00\u500b word \u6a94\u88e1)\uff0c\u5982\u679c\u6709\u8981\u67e5\u7684\u51fd\u6578\u6703\u6bd4\u8f03\u597d\u67e5\u8a62\uff0c\u4e5f\u53ef\u4ee5\u9806\u4fbf\u8907\u7fd2\u76f8\u95dc\u7684\u89c0\u5ff5\u3002<br>PS: \u6709\u6642\u5019\u4e2d\u6587\u7684\u7ffb\u8b6f\u6709\u9ede\u602a\uff0c\u53ef\u4ee5\u5207\u5230\u82f1\u6587\u7248\u53ef\u80fd\u6703\u6bd4\u8f03\u597d\u7406\u89e3\u3002<\/p>\n\n\n\n<p><a aria-label=\"Node.js \u662f\u4ec0\u9ebc\uff1fNPM\u53c8\u662f\u4ec0\u9ebc\uff1f\u70ba\u4ec0\u9ebc\u524d\u7aef\u8207\u5f8c\u7aef\u90fd\u9700\u8981\u7528\u5b83\u5011\u5462\uff1f (opens in a new tab)\" href=\"https:\/\/progressbar.tw\/posts\/291\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Node.js \u662f\u4ec0\u9ebc\uff1fNPM\u53c8\u662f\u4ec0\u9ebc\uff1f\u70ba\u4ec0\u9ebc\u524d\u7aef\u8207\u5f8c\u7aef\u90fd\u9700\u8981\u7528\u5b83\u5011\u5462\uff1f<\/a><br>\u7528\u5c0f\u7bc7\u5e45\u4ecb\u7d39\u4e86\u4e00\u4e0b Node.js \u548c NPM\u3002<\/p>\n\n\n\n<p><a aria-label=\"Codewars (opens in a new tab)\" href=\"https:\/\/www.codewars.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">Codewars<\/a><br>Codewars \u662f\u4e00\u500b\u7dda\u4e0a\u5237\u984c\u7db2\u7ad9\uff0c\u6709\u9ede\u985e\u4f3c Leetcode \uff0c\u4f46\u662f\u662f\u514d\u8cbb\u7684\uff0c\u7db2\u7ad9\u6703\u63d0\u4f9b\u4e00\u4e9b\u6578\u5b78\u984c\u76ee\uff0c\u8acb\u4f60\u7528\u4f60\u6703\u7684\u7a0b\u5f0f\u8a9e\u8a00\u89e3\u51fa\u4f86\uff0c\u662f\u500b\u6eff\u9069\u5408\u8a13\u7df4\u81ea\u5df1\u5beb\u7a0b\u5f0f\u908f\u8f2f\u7684\u597d\u5730\u65b9\uff0c\u4e5f\u53ef\u4ee5\u719f\u6089\u4e00\u4e9b\u51fd\u5f0f\u7684\u904b\u7528\u3002<\/p>\n\n\n\n<p><a aria-label=\"[JS101] \u7528 JavaScript \u4e00\u6b65\u6b65\u6253\u9020\u7a0b\u5f0f\u57fa\u790e (opens in a new tab)\" href=\"https:\/\/lidemy.com\/p\/js101-javascript\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[JS101] \u7528 JavaScript \u4e00\u6b65\u6b65\u6253\u9020\u7a0b\u5f0f\u57fa\u790e<\/a><br>\u500b\u4eba\u975e\u5e38\u63a8\u85a6\u6c92\u6709\u7a0b\u5f0f\u57fa\u790e\u7684\u4eba\u53ef\u4ee5\u4e0a\u9019\u9580\u8ab2\uff0c\u6559\u4f60\u7528 JavaScript \u4f86\u6253\u7a0b\u5f0f\u7684\u57fa\u790e\uff0c\u540c\u6642\u4e5f\u6703\u6709\u8a31\u591a\u984c\u76ee\u8b93\u4f60\u7df4\u7fd2\u89e3\u984c\u7684\u908f\u8f2f\u4ee5\u53ca\u89c0\u5ff5\u3002<\/p>\n\n\n\n<p><a aria-label=\"[JS102] \u5347\u7d1a\u4f60\u7684 JavaScript \u6280\u80fd\uff1aES6 + npm + Jest (opens in a new tab)\" href=\"https:\/\/lidemy.com\/p\/js102-javascript-es6-npm\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[JS102] \u5347\u7d1a\u4f60\u7684 JavaScript \u6280\u80fd\uff1aES6 + npm + Jest<\/a><br>\u9019\u9580\u8ab2\u4e3b\u8981\u662f\u4f86\u7406\u89e3 ES6 \u7684\u8a9e\u6cd5\u4ee5\u53ca\u5982\u4f55\u6e2c\u8a66\u81ea\u5df1\u7684\u7a0b\u5f0f\u3002<\/p>\n\n\n\n<h4>2.4.2 \u5efa\u8b70<\/h4>\n\n\n\n<p>\u5982\u679c\u4f60\u4e4b\u524d\u6c92\u6709\u904e\u5beb\u7a0b\u5f0f\u7684\u7d93\u9a57\uff0c\u7b46\u8005\u6eff\u5efa\u8b70\u5728 JavaScript \u9019\u90e8\u4efd\u591a\u82b1\u4e00\u9ede\u6642\u9593\u719f\u6089\u5beb\u7a0b\u5f0f\u7684\u611f\u89ba\uff0c\u7562\u7adf\u5982\u679c\u6c7a\u5b9a\u8f49\u8077\uff0c\u90a3\u672a\u4f86\u6709\u4e00\u5927\u534a\u7684\u6642\u9593\u90fd\u662f\u5728\u5beb\u7a0b\u5f0f\uff0c\u53ef\u4ee5\u85c9\u7531\u9019\u500b\u968e\u6bb5\u4f86\u78ba\u8a8d\u81ea\u5df1\u662f\u4e0d\u662f\u771f\u7684\u5c0d\u5beb\u7a0b\u5f0f\u6709\u8208\u8da3\uff0c\u4e5f\u53ef\u4ee5\u8a13\u7df4\u5beb\u7a0b\u5f0f\u7684\u908f\u8f2f\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"25_%E7%B6%B2%E8%B7%AF%E5%9F%BA%E7%A4%8E%E6%A6%82%E5%BF%B5\"><\/span>2.5 \u7db2\u8def\u57fa\u790e\u6982\u5ff5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5982\u679c\u8981\u7406\u89e3\u524d\u7aef\u5de5\u7a0b\u5e2b\u7684\u5de5\u4f5c\uff0c\u57fa\u672c\u7684\u7db2\u8def\u77e5\u8b58\u4e5f\u662f\u5fc5\u8981\u7684\uff0c\u7406\u89e3\u700f\u89bd\u5668\u5982\u4f55\u8ddf\u5f8c\u7aef\u6e9d\u901a\uff0c\u751a\u9ebc\u662f request \u548c response \uff0crequest \u53c8\u5206\u70ba\u54ea\u5e7e\u7a2e\uff0c\u751a\u9ebc\u6642\u5019\u8a72\u7528\u54ea\u4e00\u7a2e\uff0c\u7406\u89e3\u9019\u4e9b\u5c0d\u4e4b\u5f8c\u7684\u958b\u767c\u6703\u6709\u5f88\u5927\u7684\u5e6b\u52a9\u3002<\/p>\n\n\n\n<h4>2.5.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"[NET101] \u7db2\u8def\u57fa\u790e\u6982\u8ad6\uff08\u642d\u914d JS \u5be6\u4f5c\u7df4\u7fd2\uff09 (opens in a new tab)\" href=\"https:\/\/lidemy.com\/p\/net101-js\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[NET101] \u7db2\u8def\u57fa\u790e\u6982\u8ad6\uff08\u642d\u914d JS \u5be6\u4f5c\u7df4\u7fd2\uff09<\/a><br>\u4e5f\u662f Huli \u7684\u8ab2\u7a0b\uff0c\u4e00\u6a23\u7684\u6dfa\u986f\u6613\u61c2\uff0c\u96d6\u7136\u4e0d\u6703\u8a73\u7d30\u8b1b\u89e3\u7db2\u8def\u662f\u5982\u4f55\u904b\u4f5c\u7684\uff0c\u4f46\u81f3\u5c11\u5927\u6982\u4e86\u89e3\u6838\u5fc3\u7684\u89c0\u5ff5\uff0c\u6211\u8a8d\u70ba\u9019\u500b\u968e\u6bb5\u5c31\u7b97\u8b1b\u592a\u6df1\u4e5f\u5f88\u96e3\u7406\u89e3\u80cc\u5f8c\u7684\u539f\u7406\uff0c\u53ef\u4ee5\u7b49\u5230\u4e4b\u5f8c\u81ea\u5df1\u5beb\u904e\u4e00\u6b21\u5f8c\u7aef\uff0c\u518d\u6df1\u5165\u7406\u89e3\u7db2\u8def\u904b\u4f5c\u7684\u539f\u7406\u3002<\/p>\n\n\n\n<p><a aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"http:\/\/linux.vbird.org\/linux_server\/0110network_basic.php\" target=\"_blank\" class=\"rank-math-link\">\u9ce5\u54e5\u7684 Linux \u79c1\u623f\u83dc &#8211; \u7b2c\u4e8c\u7ae0\u3001\u57fa\u790e\u7db2\u8def\u6982\u5ff5<\/a><br>\u5982\u679c\u60f3\u518d\u6df1\u5165\u4e86\u89e3\u4e00\u9ede\u7db2\u8def\u7684\u6982\u5ff5\u53ef\u4ee5\u53c3\u8003\u9ce5\u54e5\u7684\u9019\u7bc7\u6587\u7ae0\u3002<\/p>\n\n\n\n<p><a aria-label=\"[\u4e0d\u662f\u5de5\u7a0b\u5e2b] \u4f11\u606f(REST)\u5f0f\u67b6\u69cb? \u5be7\u975c\u5f0f(RESTful)\u7684Web API\u662f\u73fe\u5728\u7684\u6f6e\u6d41\uff1f (opens in a new tab)\" href=\"https:\/\/progressbar.tw\/posts\/53\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[\u4e0d\u662f\u5de5\u7a0b\u5e2b] \u4f11\u606f(REST)\u5f0f\u67b6\u69cb? \u5be7\u975c\u5f0f(RESTful)\u7684Web API\u662f\u73fe\u5728\u7684\u6f6e\u6d41\uff1f<\/a><br>\u7576\u4f60\u5c0d\u7db2\u8def\u6709\u57fa\u790e\u7684\u8a8d\u8b58\uff0c\u5927\u6982\u77e5\u9053 http method \u5728\u505a\u751a\u9ebc\u4e4b\u5f8c\uff0c\u53ef\u4ee5\u770b\u4e00\u4e0b\u9019\u7bc7\u6587\u7ae0\uff0c\u4e3b\u8981\u662f\u5728\u8aaa\u5e7e\u7a2e\u6bd4\u8f03\u91cd\u8981 http method \u4e4b\u9593\u7684\u5dee\u5225\uff0c<strong><span style=\"color:#ff0000\" class=\"has-inline-color\">\u9019\u500b\u90e8\u5206\u9762\u8a66\u6eff\u5e38\u8003\u7684<\/span><\/strong>\uff0c\u5efa\u8b70\u5927\u5bb6\u53ef\u4ee5\u719f\u6089\u4e00\u4e0b\u9019\u4e9b\u89c0\u5ff5\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"26_HTML_%E3%80%81_CSS\"><\/span>2.6 HTML \u3001 CSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u9019\u90e8\u5206\u7b46\u8005\u5176\u5be6\u5728\u5168\u8077\u8f49\u8077\u524d\u5c31\u6709\u4e0a\u904e\u5be6\u9ad4\u8ab2\u7a0b\u4e86 (\u500b\u4eba\u6eff\u4e0d\u63a8\u85a6\uff0c\u56e0\u70ba\u53c8\u8cb4\u53c8\u6c92\u6709\u8ab2\u7a0b\u7684\u54c1\u8cea\u4fdd\u8b49)\uff0c\u6240\u4ee5\u5728\u5168\u8077\u8f49\u8077\u7684\u9019\u6bb5\u6642\u9593\uff0c HTML \u548c CSS \u9047\u5230\u554f\u984c\u6642\u5927\u90e8\u5206\u90fd\u76f4\u63a5 google \uff0c\u5404\u4f4d\u4e5f\u53ef\u4ee5\u76f4\u63a5\u53c3\u8003 W3schools \u548c MDN \u6587\u4ef6\uff0c\u57fa\u672c\u4e0a\u90fd\u5beb\u5f97\u6eff\u5b8c\u6574\u800c\u4e14\u6dfa\u986f\u6613\u61c2\u3002\u5982\u679c\u60f3\u91cd\u982d\u958b\u59cb\u5b78\u7684\u8a71\u53ef\u4ee5\u4e0a Udemy \u627e bestseller \uff0c\u57fa\u672c\u4e0a\u8ab2\u7a0b\u90fd\u6eff\u5b8c\u6574\u7684\uff0c\u4f46\u56e0\u70ba\u7b46\u8005\u6c92\u6709\u5728 Udemy \u771f\u7684\u4e0a\u904e HTML\u548c CSS \u7684\u76f8\u95dc\u8ab2\u7a0b\uff0c\u6240\u4ee5\u9019\u908a\u5c31\u4e0d\u63a8\u85a6\u4e86\u3002<\/p>\n\n\n\n<h4>2.6.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" aria-label=\"W3schools.com (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">W3schools.com<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/\" target=\"_blank\" aria-label=\"MDN web docs  (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">MDN web docs <\/a><\/p>\n\n\n\n<p>CSS<br><a aria-label=\"30\u500b\u4f60\u5fc5\u9808\u8a18\u4f4f\u7684CSS\u9078\u64c7\u5668 (opens in a new tab)\" href=\"https:\/\/code.tutsplus.com\/zh-hant\/tutorials\/the-30-css-selectors-you-must-memorize--net-16048\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">30\u500b\u4f60\u5fc5\u9808\u8a18\u4f4f\u7684CSS\u9078\u64c7\u5668<\/a><\/p>\n\n\n\n<p>CSS Preprocessors (\u9810\u8655\u7406\u5668)<br><a href=\"https:\/\/newgoodlooking.pixnet.net\/blog\/post\/127443234\" target=\"_blank\" aria-label=\"\u70ba\u60a8\u8a73\u7d30\u6bd4\u8f03\u4e09\u500b CSS \u9810\u8655\u7406\u5668\uff08\u6846\u67b6\uff09\uff1aSass\u3001LESS \u548c Stylus (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u70ba\u60a8\u8a73\u7d30\u6bd4\u8f03\u4e09\u500b CSS \u9810\u8655\u7406\u5668\uff08\u6846\u67b6\uff09\uff1aSass\u3001LESS \u548c Stylus<\/a><\/p>\n\n\n\n<p>CSS Postprocessors (\u5f8c\u8655\u7406\u5668)<br><a aria-label=\"PostCSS \u5f8c\u8655\u7406\u5668  (opens in a new tab)\" href=\"https:\/\/cythilya.github.io\/2018\/08\/10\/postcss\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">PostCSS \u5f8c\u8655\u7406\u5668 <\/a><\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"27_JavaScript_%E5%9C%A8%E7%80%8F%E8%A6%BD%E5%99%A8%E4%B8%8A%E7%9A%84%E6%87%89%E7%94%A8%E4%BB%A5%E5%8F%8A%E4%BA%8B%E4%BB%B6%E6%A9%9F%E5%88%B6\"><\/span>2.7 JavaScript \u5728\u700f\u89bd\u5668\u4e0a\u7684\u61c9\u7528\u4ee5\u53ca\u4e8b\u4ef6\u6a5f\u5236<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5b78\u7fd2\u5b8c HTML \u548c CSS \u5f8c\uff0c\u57fa\u672c\u4e0a\u524d\u7aef\u4e09\u5927\u8a9e\u8a00\u90fd\u63a5\u89f8\u904e\u4e86\uff0c\u53ef\u4ee5\u9032\u5230 JavaScript \u7684\u7b2c\u4e8c\u90e8\u5206\uff1a\u5728\u700f\u89bd\u5668\u4e0a\u7684\u61c9\u7528\uff0c\u5b78\u7fd2\u5b8c\u9019\u90e8\u5206\u5f8c\uff0c\u57fa\u672c\u4e0a\u5c31\u53ef\u4ee5\u5beb\u51fa\u4e00\u500b\u7c21\u55ae\u7684\u7db2\u9801\u5566\uff01<\/p>\n\n\n\n<h4>2.7.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"\u73fe\u4ee3JavaScript \u6559\u7a0b (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/zh.javascript.info\/\" target=\"_blank\" class=\"rank-math-link\">\u73fe\u4ee3JavaScript \u6559\u7a0b<\/a><br>\u53ef\u4ee5\u5f9e\u7b2c2\u90e8\u5206\u958b\u59cb\u770b\uff0c\u548c\u7b2c1\u90e8\u4efd\u4e00\u6a23\uff0c\u5beb\u5f97\u6eff\u5b8c\u6574\u7684\u3002<\/p>\n\n\n\n<p><a aria-label=\"JavaScript 30 (opens in a new tab)\" href=\"https:\/\/javascript30.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">JavaScript 30<\/a><br>JavaScript 30 \u662f\u4e00\u500b\u514d\u8cbb\u7684 JavaScript \u5b78\u7fd2\u8cc7\u6e90\uff0c\u900f\u904e\u4e00\u5929\u5be6\u4f5c\u4e00\u500b\u7db2\u9801\u5c0f\u4f5c\u54c1\uff0c\u4f86\u52a0\u5f37\u4f60\u5c0d JavaScript \u7684\u89c0\u5ff5\u8207\u6d3b\u7528\u5ea6\uff0c\u6574\u500b\u8ab2\u7a0b\u90fd\u662f\u4f7f\u7528 vanilla.js ( \u539f\u751f JavaScript )\u4f86\u5be6\u4f5c\u3002<\/p>\n\n\n\n<p><a aria-label=\"[FE102] \u524d\u7aef\u5fc5\u5099\uff1aJavaScript (opens in a new tab)\" href=\"https:\/\/lidemy.com\/p\/fe102-javascript\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[FE102] \u524d\u7aef\u5fc5\u5099\uff1aJavaScript<\/a><br>\u500b\u4eba\u6eff\u63a8\u85a6\u9019\u9580\u8ab2\uff0c\u4e0d\u50c5\u8b1b\u5230 JavaScript \u5728\u700f\u89bd\u5668\u4e0a\u7684\u61c9\u7528\uff0c\u4e5f\u6703\u5e36\u4f60\u4e86\u89e3 API \u662f\u751a\u9ebc\uff0c\u4ee5\u53ca\u975e\u540c\u6b65\u7684\u6982\u5ff5\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"28_%E4%B8%B2%E6%8E%A5_API_%E8%88%87%E5%85%B6%E4%BB%96%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E6%8A%80%E8%83%BD%E5%8A%A0%E5%BC%B7\"><\/span>2.8 \u4e32\u63a5 API \u8207\u5176\u4ed6\u524d\u7aef\u5de5\u7a0b\u6280\u80fd\u52a0\u5f37<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5c07\u524d\u7aef\u57fa\u672c\u7684\u6982\u5ff5\u90fd\u6478\u719f\u4e86\u5f8c\uff0c\u63a5\u8457\u5c31\u53ef\u4ee5\u81ea\u5df1\u5be6\u4f5c\u770b\u770b\u4e86\uff0c\u6211\u5728\u9019\u500b\u968e\u6bb5\u900f\u904e <a aria-label=\"[FE210] \u5f9e\u65b0\u624b\u5230\u4e2d\u624b\uff1a\u524d\u7aef\u5de5\u7a0b\u52a0\u5f37\u73ed (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/lidemy.com\/p\/frontend-intermediate-course\" target=\"_blank\" class=\"rank-math-link\">[FE210] \u5f9e\u65b0\u624b\u5230\u4e2d\u624b\uff1a\u524d\u7aef\u5de5\u7a0b\u52a0\u5f37\u73ed<\/a> \u9019\u9580\u8ab2\u5b78\u5230\u5f88\u591a\u524d\u7aef\u6703\u7528\u5230\u7684\u5de5\u5177\u4ee5\u53ca\u4f7f\u7528\u8005\u9ad4\u9a57\u512a\u5316\u7684\u529f\u80fd\uff0c\u800c\u4e14\u8ab2\u7a0b\u514d\u8cbb\uff0c\u975e\u5e38\u63a8\u85a6\uff01<br>\u53e6\u5916\u4e5f\u5efa\u8b70\u5728\u9019\u500b\u968e\u6bb5\u6df1\u5165\u4e86\u89e3 JavaScript \u662f\u5982\u4f55\u5be6\u73fe\u975e\u540c\u6b65\u7684\u529f\u80fd\uff0c\u4ee5\u53ca fetch API \u3001 Promise \u7b49\u7b49\u89c0\u5ff5\u3002<\/p>\n\n\n\n<h4>2.8.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a class=\"rank-math-link\" rel=\"noreferrer noopener\" href=\"https:\/\/lidemy.com\/p\/frontend-intermediate-course\" target=\"_blank\">[FE210] \u5f9e\u65b0\u624b\u5230\u4e2d\u624b\uff1a\u524d\u7aef\u5de5\u7a0b\u52a0\u5f37\u73ed<\/a><br>\u524d\u534a\u90e8\u4efd HTML \u548c CSS \u7684\u90e8\u5206\u56e0\u70ba\u5df2\u7d93\u6709\u5b78\u904e\u4e86\uff0c\u6240\u4ee5\u5c31\u6309\u7167\u4f5c\u696d\u898f\u683c\u5148\u8a66\u8457\u81ea\u5df1\u505a\u505a\u770b\uff0c\u518d\u770b\u8b1b\u89e3\u7684\u5f71\u7247\uff0c\u5f8c\u534a\u90e8\u4efd\u56e0\u70ba\u5e7e\u4e4e\u6c92\u6709\u63a5\u89f8\u904e\uff0c\u6240\u4ee5\u5c31\u76f4\u63a5\u770b\u8b1b\u89e3\u5f71\u7247\uff0c\u6709\u4e9b\u6982\u5ff5\u5f8c\u518d\u81ea\u5df1 google \u76f8\u95dc\u5de5\u5177\u7684\u6559\u5b78\uff0c\u89ba\u5f97\u6548\u7387\u6703\u66f4\u9ad8\u4e00\u9ede\u3002<br>\u7b46\u8005\u5be6\u4f5c\u5f8c\u7684\u4f5c\u54c1\uff1a<a aria-label=\"https:\/\/jimmy2952.github.io\/twitch\/ (opens in a new tab)\" class=\"rank-math-link\" rel=\"noreferrer noopener\" href=\"https:\/\/jimmy2952.github.io\/twitch\/\" target=\"_blank\">https:\/\/jimmy2952.github.io\/twitch\/<\/a><br>\u5982\u679c\u5c0d API \u7684\u89c0\u5ff5\u4e0d\u592a\u719f\u6089\uff0c\u53ef\u4ee5\u53c3\u8003\u6211\u5beb\u7684\u6587\u7ae0\uff1a<a aria-label=\"API \u662f\u4ec0\u9ebc ? \u6700\u9069\u5408\u524d\u7aef\u521d\u5b78\u8005\u7684 API \u6982\u5ff5\u89e3\u91cb (opens in a new tab)\" class=\"rank-math-link\" href=\"https:\/\/jimmyswebnote.com\/what-is-api\/\" target=\"_blank\" rel=\"noreferrer noopener\">API \u662f\u4ec0\u9ebc ? \u6700\u9069\u5408\u524d\u7aef\u521d\u5b78\u8005\u7684 API \u6982\u5ff5\u89e3\u91cb<\/a>\uff0c\u7c21\u55ae\u91d0\u6e05\u4e00\u4e0b API \u7684\u6982\u5ff5\u3002<br>\u7df4\u7fd2\u5b8c\u4e32\u63a5 twitch \u5f8c\u81ea\u5df1\u89ba\u5f97\u5c0d API \u9084\u662f\u6c92\u6709\u5f88\u719f\u6089\uff0c\u6240\u4ee5\u81ea\u5df1\u5c31\u518d\u627e\u4e86\u5176\u4ed6 API \u505a\u7df4\u7fd2\uff0c\u4e26\u6574\u7406\u6210\u6587\u7ae0\uff1a<a aria-label=\"\u3010JavaScript\u700f\u89bd\u5668\u3011\uff1a\u5be6\u4f5cAPI\u4e32\u63a5(1) \u23e4 Unsplash API (opens in a new tab)\" class=\"rank-math-link\" rel=\"noreferrer noopener\" href=\"https:\/\/jimmyswebnote.com\/use-javascript-to-connect-api-with-unsplash\/\" target=\"_blank\">\u3010JavaScript\u700f\u89bd\u5668\u3011\uff1a\u5be6\u4f5cAPI\u4e32\u63a5(1) \u23e4 Unsplash API<\/a> \uff0c\u6709\u8208\u8da3\u7684\u4eba\u53ef\u4ee5\u53c3\u8003\u4e26\u52d5\u624b\u5be6\u4f5c\u770b\u770b\u3002<\/p>\n\n\n\n<p>Promise<br><a aria-label=\"\u5f9ePromise\u958b\u59cb\u7684JavaScript\u7570\u6b65\u751f\u6d3b (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/eyesofkids.gitbooks.io\/javascript-start-es6-promise\/content\/\" target=\"_blank\" class=\"rank-math-link\">\u5f9ePromise\u958b\u59cb\u7684JavaScript\u7570\u6b65\u751f\u6d3b<\/a><br><a aria-label=\"JavaScript Promise \u5168\u4ecb\u7d39 (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/wcc723.github.io\/development\/2020\/02\/16\/all-new-promise\/\" target=\"_blank\" class=\"rank-math-link\">JavaScript Promise \u5168\u4ecb\u7d39<\/a><br>\u57fa\u672c\u4e0a\u770b\u5b8c\u4e0a\u9762\u9019\u5169\u500b\u8cc7\u6e90\u4e26\u4e14\u81ea\u5df1\u5be6\u4f5c\uff0c\u5c31\u80fd\u5c0d Promise \u6709\u4e00\u5b9a\u7684\u4e86\u89e3\u4e86\uff0c\u4e86\u89e3 Promise \u5f8c\uff0c\u5c31\u53ef\u4ee5\u77e5\u9053 fetch API \u662f\u5982\u4f55\u900f\u904e Promise \u5be6\u8e10\u7684\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"29_%E7%80%8F%E8%A6%BD%E5%99%A8%E9%81%8B%E4%BD%9C%E5%8E%9F%E7%90%86%E8%88%87%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96\"><\/span>2.9 \u700f\u89bd\u5668\u904b\u4f5c\u539f\u7406\u8207\u524d\u7aef\u6548\u80fd\u512a\u5316<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong><span style=\"color:#ff0000\" class=\"has-inline-color\">\u9019\u90e8\u4efd\u4e5f\u662f\u9762\u8a66\u5f88\u5e38\u6703\u554f\u5230\u7684<\/span><\/strong>\uff0c\u5efa\u8b70\u9664\u4e86\u7406\u89e3\u4e4b\u5916\u9084\u8981\u8a66\u8457\u81ea\u5df1\u8b1b\u4e00\u904d\uff0c\u5426\u5247\u88ab\u554f\u5230\u7684\u6642\u5019\u5c31\u7b97\u7406\u89e3\u700f\u89bd\u5668\u80cc\u5f8c\u7684\u904b\u4f5c\u6a5f\u5236\uff0c\u6c92\u8fa6\u6cd5\u9806\u66a2\u7684\u8868\u9054\u51fa\u4f86\u4e5f\u662f\u5f92\u7136\u3002<\/p>\n\n\n\n<p>\u524d\u7aef\u6548\u80fd\u512a\u5316\u4ee5\u6211\u500b\u4eba\u7684\u9762\u8a66\u7d93\u9a57\u4f86\u8aaa\uff0c\u88ab\u554f\u5230\u7684\u6a5f\u7387\u5927\u6982\u662f 50% \uff0c\u500b\u4eba\u8a8d\u70ba\u4ee5 junior \u4f86\u8aaa\u6bd4\u8f03\u96e3\u5728\u9019\u65b9\u9762\u8457\u58a8\u592a\u6df1\uff0c\u7562\u7adf\u53c3\u8207\u904e\u7684\u5927\u578b\u5c08\u6848\u6709\u9650\uff0c\u5be6\u5728\u4e5f\u4e0d\u592a\u77e5\u9053\u5f9e\u4f55\u958b\u59cb\u512a\u5316\uff0c\u4f46\u5982\u679c\u77e5\u9053\u67d0\u4e9b\u6aa2\u6e2c\u6548\u80fd\u7684\u5de5\u5177\u6216\u662f\u89c0\u5ff5\u7684\u8a71\uff0c\u5c31\u8d0f\u5176\u4ed6\u9762\u8a66\u8005\u4e00\u4e9b\u4e86\uff0c\u6240\u4ee5\u9084\u662f\u63a8\u85a6\u53ef\u4ee5\u7a0d\u5fae\u8457\u58a8\u4e00\u4e0b\u3002<\/p>\n\n\n\n<h4>2.9.1 \u53c3\u8003\u6587\u7ae0<\/h4>\n\n\n\n<p><a aria-label=\"[\u71b1\u9580\u9762\u8a66\u984c] \u5f9e\u8f38\u5165\u7db2\u5740\u5217\u5230\u6e32\u67d3\u756b\u9762\uff0c\u904e\u7a0b\u7d93\u6b77\u4e86\u4ec0\u9ebc\u4e8b\uff1f\n (opens in a new tab)\" href=\"https:\/\/w3c.hexschool.com\/blog\/8d691e4f\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[\u71b1\u9580\u9762\u8a66\u984c] \u5f9e\u8f38\u5165\u7db2\u5740\u5217\u5230\u6e32\u67d3\u756b\u9762\uff0c\u904e\u7a0b\u7d93\u6b77\u4e86\u4ec0\u9ebc\u4e8b\uff1f<\/a><br><a aria-label=\"\u5728\u700f\u89bd\u5668\u8f38\u5165\u7db2\u5740\u4e26\u9001\u51fa\u5f8c\uff0c\u5230\u5e95\u767c\u751f\u4e86\u4ec0\u9ebc\u4e8b\uff1f\n (opens in a new tab)\" href=\"https:\/\/cythilya.github.io\/2018\/11\/26\/what-happens-when-you-type-an-url-in-the-browser-and-press-enter\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u5728\u700f\u89bd\u5668\u8f38\u5165\u7db2\u5740\u4e26\u9001\u51fa\u5f8c\uff0c\u5230\u5e95\u767c\u751f\u4e86\u4ec0\u9ebc\u4e8b\uff1f<\/a><br><a aria-label=\"[CSS] Reflow \u53ca Repaint \u662f\u4ec0\u9ebc\uff1f\n (opens in a new tab)\" href=\"https:\/\/ithelp.ithome.com.tw\/articles\/10217427\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[CSS] Reflow \u53ca Repaint \u662f\u4ec0\u9ebc\uff1f<\/a><\/p>\n\n\n\n<p><a aria-label=\"\u4eca\u665a\uff0c\u6211\u60f3\u4f86\u9ede Web \u524d\u7aef\u6548\u80fd\u512a\u5316\u5927\u88dc\u5e16\uff01 (opens in a new tab)\" href=\"https:\/\/medium.com\/starbugs\/%E4%BB%8A%E6%99%9A-%E6%88%91%E6%83%B3%E4%BE%86%E9%BB%9E-web-%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96%E5%A4%A7%E8%A3%9C%E5%B8%96-e1a5805c1ca2\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u4eca\u665a\uff0c\u6211\u60f3\u4f86\u9ede Web \u524d\u7aef\u6548\u80fd\u512a\u5316\u5927\u88dc\u5e16\uff01<\/a><br>\u9019\u7bc7\u662f\u5076\u7136\u5728 <a aria-label=\"\u53f0\u7063\u7684\u524d\u7aef\u793e\u7fa4 (opens in a new tab)\" href=\"https:\/\/www.facebook.com\/groups\/f2e.tw\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u53f0\u7063\u7684\u524d\u7aef\u793e\u7fa4<\/a> \u770b\u5230\u7684\uff0c\u500b\u4eba\u89ba\u5f97\u6574\u7406\u7684\u975e\u5e38\u597d\uff01\u4f46\u9762\u8a66\u524d\u4e5f\u53ea\u662f\u770b\u904e\u4e00\u904d\u800c\u5df2\uff0c\u9084\u4f86\u4e0d\u53ca\u4ed4\u7d30\u7814\u7a76\u6bcf\u500b\u65b9\u6cd5\uff0c\u5e0c\u671b\u4e4b\u5f8c\u6709\u6642\u9593\u53ef\u4ee5\u81ea\u5df1\u5be6\u4f5c\u4e00\u6b21\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"210_%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3_JavaScript_%E5%8E%9F%E7%90%86\"><\/span>2.10 \u6df1\u5165\u7406\u89e3 JavaScript \u539f\u7406<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong><span style=\"color:#ff0000\" class=\"has-inline-color\">\u9019\u90e8\u5206\u6211\u8a8d\u70ba\u662f\u8f49\u8077\u968e\u6bb5\u6700\u91cd\u8981\u7684\u4e00\u500b\u968e\u6bb5\uff01<\/span><\/strong>\u9664\u4e86\u662f\u9762\u8a66\u7684\u5fc5\u8003\u984c\u4e4b\u5916\uff0c\u4e5f\u5e6b\u52a9\u4f60\u66f4\u52a0\u4e86\u89e3 JavaScript \u5e95\u5c64\u904b\u4f5c\u7684\u539f\u7406\uff0c\u4e0d\u904e\u9019\u90e8\u4efd\u5f88\u591a\u89c0\u5ff5\u7b2c\u4e00\u6b21\u770b\u53ef\u80fd\u7121\u6cd5\u7406\u89e3\uff0c\u6eff\u5efa\u8b70\u81ea\u5df1\u52d5\u624b\u5beb\u4e00\u4e9b\u7a0b\u5f0f\u4f86\u5e6b\u52a9\u7406\u89e3\u8207\u52a0\u6df1\u5370\u8c61\u3002<\/p>\n\n\n\n<h4>2.10.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"[JS201] \u9032\u968e JavaScript\uff1a\u90a3\u4e9b\u4f60\u4e00\u76f4\u641e\u4e0d\u61c2\u7684\u5730\u65b9 (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\" href=\"https:\/\/lidemy.com\/p\/js201-javascript\" target=\"_blank\">[JS201] \u9032\u968e JavaScript\uff1a\u90a3\u4e9b\u4f60\u4e00\u76f4\u641e\u4e0d\u61c2\u7684\u5730\u65b9<\/a><br>\u53ef\u4ee5\u8aaa\u662f\u5c08\u70ba\u9762\u8a66\u8a2d\u8a08\u7684\u8ab2\u7a0b\uff0c\u5f8c\u4f86\u5be6\u969b\u53bb\u9762\u8a66\u5f8c\uff0c\u6700\u5e38\u88ab\u554f\u5230\u7684\u89c0\u5ff5\u4e5f\u78ba\u5be6\u662f\u9019\u4e9b\uff0c\u500b\u4eba\u662f\u4e0a\u904e\u4e00\u6b21\u8ab2\u7a0b\u5f8c\uff0c\u518d\u53bb\u67e5\u76f8\u95dc\u7684\u6587\u7ae0\uff0c\u4e26\u81ea\u5df1\u52d5\u624b\u5be6\u4f5c\u52a0\u5f37\u89c0\u5ff5\u3002<\/p>\n\n\n\n<p><a aria-label=\"\u5f9eES6\u958b\u59cb\u7684JavaScript\u5b78\u7fd2\u751f\u6d3b\n (opens in a new tab)\" href=\"https:\/\/eyesofkids.gitbooks.io\/javascript-start-from-es6\/content\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u5f9eES6\u958b\u59cb\u7684JavaScript\u5b78\u7fd2\u751f\u6d3b<br><\/a>\u5728\u672c\u66f8 1.5 \u7bc0\u7684\u90e8\u5206\u8b1b\u89e3\u4e86\u8a31\u591a JavaScript \u7684\u6838\u5fc3\u89c0\u5ff5\uff0c\u500b\u4eba\u89ba\u5f97\u9084\u7b97\u597d\u61c2\u3002<\/p>\n\n\n\n<p><a aria-label=\"You Don&#039;t Know JS (opens in a new tab)\" href=\"https:\/\/github.com\/getify\/You-Dont-Know-JS\/tree\/1st-ed\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">You Don&#8217;t Know JS<\/a><br>\u5e7e\u4e4e\u628a JavaScript \u7684\u89c0\u5ff5\u5b8c\u6574\u7684\u8b1b\u4e86\u4e00\u904d\uff0c\u4f46\u8a72\u66f8\u7684\u5167\u5bb9\u5176\u5be6\u6eff\u591a\u7684\uff0c\u500b\u4eba\u6bd4\u8f03\u5efa\u8b70\u5148 google \u4e00\u4e9b\u6838\u5fc3\u89c0\u5ff5\u7684\u6587\u7ae0\uff0c\u6709\u6642\u9593\u7684\u8a71\u518d\u5c07\u672c\u66f8\u91cd\u982d\u5230\u5c3e\u770b\u4e00\u904d\u4e26\u6574\u7406\u7b46\u8a18\uff0c\u53ef\u4ee5\u91d0\u6e05\u8a31\u591a JavaScript \u4e0d\u592a\u6e05\u695a\u7684\u89c0\u5ff5\u3002<\/p>\n\n\n\n<h4>2.10.2 \u53c3\u8003\u6587\u7ae0<\/h4>\n\n\n\n<p>\u96d6\u7136\u4ee5\u4e0b\u6587\u7ae0\u90fd\u662f\u53ef\u4ee5\u76f4\u63a5 google \u5230\u7684\uff0c\u4f46\u9084\u662f\u7c21\u55ae\u5217\u51fa\u4f86\u500b\u4eba\u6709\u770b\u904e\u800c\u4e14\u89ba\u5f97\u9084\u4e0d\u932f\u7684\u6587\u7ae0\uff0c\u9806\u4fbf\u4e86\u89e3\u4e00\u4e0b\u9019\u500b\u968e\u6bb5\u9700\u8981\u91d0\u6e05\u54ea\u4e9b JavaScript \u7684\u89c0\u5ff5\u3002<\/p>\n\n\n\n<p>JavaScript \u7684 this<br><a href=\"https:\/\/blog.techbridge.cc\/2019\/02\/23\/javascript-this\/\" target=\"_blank\" aria-label=\"\u6dfa\u8ac7 JavaScript \u982d\u865f\u96e3\u984c this\uff1a\u7d55\u5c0d\u4e0d\u5b8c\u6574\uff0c\u4f46\u4fdd\u8b49\u597d\u61c2 (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u6dfa\u8ac7 JavaScript \u982d\u865f\u96e3\u984c this\uff1a\u7d55\u5c0d\u4e0d\u5b8c\u6574\uff0c\u4f46\u4fdd\u8b49\u597d\u61c2<\/a><\/p>\n\n\n\n<p>JavaScript \u7684\u7269\u4ef6\u5c0e\u5411\u8207\u539f\u578b\u934a (prototype)<br><a aria-label=\"\u8a72\u4f86\u7406\u89e3 JavaScript \u7684\u539f\u578b\u934a\u4e86 (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/blog.techbridge.cc\/2017\/04\/22\/javascript-prototype\/\" target=\"_blank\" class=\"rank-math-link\">\u8a72\u4f86\u7406\u89e3 JavaScript \u7684\u539f\u578b\u934a\u4e86<\/a><br><a aria-label=\"\u4f60\u61c2 JavaScript \u55ce\uff1f#19 \u539f\u578b\uff08Prototype\uff09 (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/cythilya.github.io\/2018\/10\/26\/prototype\/\" target=\"_blank\" class=\"rank-math-link\">\u4f60\u61c2 JavaScript \u55ce\uff1f#19 \u539f\u578b\uff08Prototype\uff09<\/a><br><a href=\"https:\/\/medium.com\/enjoy-life-enjoy-coding\/typescript-%E5%BE%9E-ts-%E9%96%8B%E5%A7%8B%E5%AD%B8%E7%BF%92%E7%89%A9%E4%BB%B6%E5%B0%8E%E5%90%91-class-%E7%94%A8%E6%B3%95-20ade3ce26b8\" target=\"_blank\" aria-label=\"TypeScript | \u5f9e TS \u958b\u59cb\u5b78\u7fd2\u7269\u4ef6\u5c0e\u5411 - Class \u7528\u6cd5 (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">TypeScript | \u5f9e TS \u958b\u59cb\u5b78\u7fd2\u7269\u4ef6\u5c0e\u5411 &#8211; Class \u7528\u6cd5<\/a><\/p>\n\n\n\n<p>Hoisting (\u63d0\u5347)<br><a href=\"https:\/\/blog.techbridge.cc\/2018\/11\/10\/javascript-hoisting\/\" target=\"_blank\" aria-label=\"\u6211\u77e5\u9053\u4f60\u61c2 hoisting\uff0c\u53ef\u662f\u4f60\u4e86\u89e3\u5230\u591a\u6df1\uff1f (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u6211\u77e5\u9053\u4f60\u61c2 hoisting\uff0c\u53ef\u662f\u4f60\u4e86\u89e3\u5230\u591a\u6df1\uff1f<\/a><\/p>\n\n\n\n<p>Scope (\u4f5c\u7528\u57df) \u8207 Closure (\u9589\u5305)<br><a aria-label=\"\u6240\u6709\u7684\u51fd\u5f0f\u90fd\u662f\u9589\u5305\uff1a\u8ac7 JS \u4e2d\u7684\u4f5c\u7528\u57df\u8207 Closure (opens in a new tab)\" href=\"https:\/\/blog.techbridge.cc\/2018\/12\/08\/javascript-closure\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u6240\u6709\u7684\u51fd\u5f0f\u90fd\u662f\u9589\u5305\uff1a\u8ac7 JS \u4e2d\u7684\u4f5c\u7528\u57df\u8207 Closure<\/a><br><a aria-label=\"\u4f60\u61c2 JavaScript \u55ce\uff1f#12 \u51fd\u5f0f\u7bc4\u7587\u8207\u5340\u584a\u7bc4\u7587\uff08Function vs Block Scope\uff09 (opens in a new tab)\" href=\"https:\/\/cythilya.github.io\/2018\/10\/19\/function-vs-block-scope\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u4f60\u61c2 JavaScript \u55ce\uff1f#12 \u51fd\u5f0f\u7bc4\u7587\u8207\u5340\u584a\u7bc4\u7587\uff08Function vs Block Scope\uff09<\/a><br><a aria-label=\"\u4f60\u61c2 JavaScript \u55ce\uff1f#15 \u9589\u5305\uff08Closure\uff09 (opens in a new tab)\" href=\"https:\/\/cythilya.github.io\/2018\/10\/22\/closure\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u4f60\u61c2 JavaScript \u55ce\uff1f#15 \u9589\u5305\uff08Closure\uff09<\/a><\/p>\n\n\n\n<p>JavaScript \u7684\u540c\u6b65\u3001\u975e\u540c\u6b65\u8207 event loop<br><a href=\"https:\/\/jimmyswebnote.com\/javascript-sync-async\/\" target=\"_blank\" aria-label=\"JavaScript \u4e2d\u7684\u540c\u6b65\u8207\u975e\u540c\u6b65 (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">JavaScript \u4e2d\u7684\u540c\u6b65\u8207\u975e\u540c\u6b65 &#8211; Event Loop \u539f\u7406<\/a><br><a aria-label=\"\u3010\u7b46\u8a18\u3011\u5230\u5e95 Event Loop \u95dc\u6211\u5565\u4e8b\uff1f\n (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/infinitegamer\/why-event-loop-exist-e8ac9d287044\" target=\"_blank\" class=\"rank-math-link\">\u3010\u7b46\u8a18\u3011\u5230\u5e95 Event Loop \u95dc\u6211\u5565\u4e8b\uff1f<br><\/a><a aria-label=\"[\u7b46\u8a18] \u7406\u89e3 JavaScript \u4e2d\u7684\u4e8b\u4ef6\u5faa\u74b0\u3001\u5806\u758a\u3001\u4f47\u5217\u548c\u4f75\u767c\u6a21\u5f0f (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/pjchender.blogspot.com\/2017\/08\/javascript-learn-event-loop-stack-queue.html\" target=\"_blank\" class=\"rank-math-link\">[\u7b46\u8a18] \u7406\u89e3 JavaScript \u4e2d\u7684\u4e8b\u4ef6\u5faa\u74b0\u3001\u5806\u758a\u3001\u4f47\u5217\u548c\u4f75\u767c\u6a21\u5f0f<\/a><br><a aria-label=\"Node.js 101 \u2014 \u55ae\u57f7\u884c\u7dd2\u3001\u975e\u540c\u6b65\u3001\u975e\u963b\u585e I\/O \u8207\u4e8b\u4ef6\u8ff4\u5708\n (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/wenchin-rolls-around\/node-js-101-%E5%96%AE%E5%9F%B7%E8%A1%8C%E7%B7%92-%E9%9D%9E%E5%90%8C%E6%AD%A5-%E9%9D%9E%E9%98%BB%E5%A1%9E-i-o-%E8%88%87%E4%BA%8B%E4%BB%B6%E8%BF%B4%E5%9C%88-ef94f8359eee\" target=\"_blank\" class=\"rank-math-link\">Node.js 101 \u2014 \u55ae\u57f7\u884c\u7dd2\u3001\u975e\u540c\u6b65\u3001\u975e\u963b\u585e I\/O \u8207\u4e8b\u4ef6\u8ff4\u5708<\/a><br>\u96d6\u7136\u9019\u7bc7\u662f\u5728\u8b1b Node.js \uff0c\u4f46\u6211\u8a8d\u70ba\u4ed6\u628a event loop \u7684\u89c0\u5ff5\u8b1b\u5f97\u6eff\u6e05\u695a\u7684\uff0c\u53ef\u4ee5\u53c3\u8003\u770b\u770b\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"211_%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E5%AD%B8%E7%BF%92\"><\/span>2.11 \u524d\u7aef\u6846\u67b6\u5b78\u7fd2<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5b78\u5230\u9019\u88e1\u5c31\u53ef\u4ee5\u958b\u59cb\u5b78\u7fd2\u524d\u7aef\u6846\u67b6\u4e86\uff0c\u76ee\u524d\u524d\u7aef\u6709\u4e09\u5927\u6846\u67b6\uff1aReact\u3001Vue\u3001Angular\uff0c\u5982\u679c\u662f\u5e0c\u671b\u5148\u627e\u5230\u7b2c\u4e00\u4efd\u5de5\u4f5c\u7684\u8a71\uff0c\u500b\u4eba\u6703\u5efa\u8b70\u5728 React \u548c Vue \u9078\u4e00\u500b\u4f86\u5b78\uff0c\u7b46\u8005\u5728\u5b78\u6846\u67b6\u4ee5\u524d\u770b\u4e86\u4e00\u4e9b\u6587\u7ae0\u90fd\u8aaa\u76ee\u524d\u53f0\u7063\u7684\u524d\u7aef\u696d\u754c\u9084\u662f\u4ee5 React \u4f54\u5927\u5b97\uff0c\u4f46\u5b78\u5b8c\u6846\u67b6\u771f\u7684\u5728\u627e\u5de5\u4f5c\u7684\u6642\u5019\uff0c\u767c\u73fe\u7528 Vue \u7684\u516c\u53f8\u4e5f\u4e0d\u5c11\uff0c\u5c24\u5176\u662f\u65b0\u5275\uff0c\u81f3\u65bc Angular \u96d6\u7136\u662f\u6b77\u53f2\u6700\u60a0\u4e45\u7684\u524d\u7aef\u6846\u67b6\uff0c\u529f\u80fd\u4e5f\u6700\u5b8c\u6574\uff0c\u4f46\u56e0\u70ba\u5b78\u7fd2\u66f2\u7dda\u8f03\u9ad8\uff0c\u8077\u7f3a\u6578\u91cf\u4e5f\u6bd4\u8f03\u5c11\uff0c\u56e0\u6b64\u6bd4\u8f03\u4e0d\u63a8\u85a6\u7576\u4f5c\u7b2c\u4e00\u500b\u5b78\u7fd2\u7684\u6846\u67b6\u3002<\/p>\n\n\n\n<h4>2.11.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"[Udemy] React - The Complete Guide (incl Hooks, React Router, Redux) (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/www.udemy.com\/course\/react-the-complete-guide-incl-redux\/\" target=\"_blank\" class=\"rank-math-link\">[Udemy] React &#8211; The Complete Guide (incl Hooks, React Router, Redux)<\/a><br>\u5728\u525b\u958b\u59cb\u5b78\u7fd2 React \u7684\u904e\u7a0b\u4e2d\uff0c\u5176\u5be6\u6709\u5148\u4e0a Huli \u7684\u8ab2\u7a0b\uff0c\u53ef\u80fd\u56e0\u70ba\u5c0f\u5f1f\u8cc7\u8cea\u99d1\u920d\uff0c\u6240\u4ee5\u5373\u4fbf\u4e0a\u5b8c\u8ab2\u518d\u642d\u914d <a aria-label=\"React.js \u5c0f\u66f8 (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"http:\/\/huziketang.mangojuice.top\/books\/react\/\" target=\"_blank\" class=\"rank-math-link\">React.js \u5c0f\u66f8<\/a> \u9084\u662f\u4e0d\u592a\u80fd\u7406\u89e3 React \u7684\u89c0\u5ff5\uff0c\u5f8c\u4f86\u56e0\u7de3\u969b\u6703\u770b\u5230 Udemy \u7684\u9019\u5802\u8ab2\uff0c\u96d6\u7136\u662f\u82f1\u6587\u6388\u8ab2\uff0c\u4f46\u56e0\u70ba\u624d 390 NTD\uff0c\u60f3\u8aaa\u90a3\u5c31\u8a66\u8a66\u5427\uff0c\u7d50\u679c\u57fa\u672c\u89c0\u5ff5\u807d\u4e00\u6b21\u5c31\u975e\u5e38\u4e86\u89e3\uff0c\u800c\u4e14\u8ab2\u7a0b\u5167\u5bb9\u5305\u542b\u4ee5\u524d\u7684 class component \u8207 React hook \u7b49\u8f03\u65b0\u7684\u89c0\u5ff5\uff0c\u57fa\u672c\u4e0a\u5404\u7a2e\u5e38\u7528\u7684 react \u5957\u4ef6\u90fd\u6703\u4ecb\u7d39\u5230\uff0c\u800c\u4e14\u5f9e\u982d\u5230\u5c3e\u90fd\u662f\u5e36\u4f60\u7528\u5c08\u6848\u4f86\u5be6\u4f5c\u529f\u80fd\uff0c\u500b\u4eba\u89ba\u5f97\u975e\u5e38\u63a8\u85a6\uff01<\/p>\n\n\n\n<p><a aria-label=\"\u5f9e Hooks \u958b\u59cb\uff0c\u8b93\u4f60\u7684\u7db2\u9801 React \u8d77\u4f86\uff08iT\u90a6\u5e6b\u5fd9\u9435\u4eba\u8cfd\u7cfb\u5217\u66f8\uff09 (opens in a new tab)\" href=\"https:\/\/www.books.com.tw\/products\/0010870186?sloc=main\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u5f9e Hooks \u958b\u59cb\uff0c\u8b93\u4f60\u7684\u7db2\u9801 React \u8d77\u4f86\uff08iT\u90a6\u5e6b\u5fd9\u9435\u4eba\u8cfd\u7cfb\u5217\u66f8\uff09<\/a><br>\u9019\u672c\u66f8\u662f\u8f49\u8077\u671f\u9593\u552f\u4e00\u770b\u7684\u76f8\u95dc\u9818\u57df\u7684\u66f8\uff0c\u5beb\u7684\u6dfa\u986f\u6613\u61c2\uff0c\u5e36\u4f60\u624b\u628a\u624b\u76f4\u63a5\u5be6\u4f5c React hook \uff0c\u9084\u6709 facebook \u793e\u5718\u53ef\u4ee5\u52a0\u5165\uff0c\u4e00\u8d77\u8a0e\u8ad6\u5728\u66f8\u4e2d\u9047\u5230\u7684\u4e00\u4e9b\u56f0\u96e3\u9084\u6709\u89c0\u5ff5\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"212_%E5%BE%8C%E7%AB%AF%E8%88%87%E8%B3%87%E6%96%99%E5%BA%AB\"><\/span>2.12 \u5f8c\u7aef\u8207\u8cc7\u6599\u5eab<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5be6\u4f5c\u5b8c\u524d\u7aef\u5f8c\uff0c\u70ba\u4e86\u67b6\u8a2d\u4e00\u500b\u5b8c\u6574\u7684\u4f5c\u54c1(\u5305\u542b\u524d\u5f8c\u7aef)\uff0c\u9084\u662f\u8981\u4e86\u89e3\u4e00\u4e0b\u5f8c\u7aef\u8207\u8cc7\u6599\u5eab\u7684\u6280\u8853\u3002\u7576\u521d\u9078\u64c7 Node.js \u505a\u70ba\u5f8c\u7aef\u7684\u5b78\u7fd2\u8a9e\u8a00\u539f\u56e0\u7121\u4ed6\uff0c\u56e0\u70ba\u4e5f\u662f\u7528 JavaScript \u5beb\u7684\uff0c\u5c31\u4e0d\u7528\u518d\u91cd\u65b0\u5b78\u500b\u8a9e\u8a00\u3002\u7136\u800c\u5f8c\u7aef\u9019\u500b\u9818\u57df\u7684\u6c34\uff0c\u6bd4\u99ac\u91cc\u4e9e\u5a1c\u6d77\u6e9d\u9084\u6df1\uff0c\u771f\u7684\u8981\u628a\u5f8c\u7aef\u67b6\u69cb\u8a2d\u8a08\u597d\u9084\u5fc5\u9808\u8981\u61c2\u8cc7\u6599\u7d50\u69cb\u3001\u6f14\u7b97\u6cd5\u3001\u8cc7\u6599\u5eab\u8a2d\u8a08\u7b49\u7b49\uff0c\u4f46\u8f49\u8077\u7684\u76ee\u6a19\u9084\u662f\u5148\u628a\u4e00\u500b\u7c21\u55ae\u7684\u7db2\u7ad9\u7d66\u5be6\u505a\u51fa\u4f86\uff0c\u6240\u4ee5\u9084\u662f\u63a8\u85a6\u4e0a\u9580\u7dda\u4e0a\u8ab2\u7a0b\uff0c\u52a0\u901f\u81ea\u5df1\u7684\u5b78\u7fd2\u901f\u5ea6\uff01<\/p>\n\n\n\n<h4>2.12.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"[Udemy] NodeJS - The Complete Guide (MVC, REST APIs, GraphQL, Deno) (opens in a new tab)\" href=\"https:\/\/www.udemy.com\/course\/nodejs-the-complete-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[Udemy] NodeJS &#8211; The Complete Guide (MVC, REST APIs, GraphQL, Deno)<\/a><br>\u500b\u4eba\u4e5f\u662f\u5341\u5206\u63a8\u85a6\u9019\u9580\u8ab2\uff0c\u4e0d\u50c5\u5305\u542b\u4e86 Node.js \u7684\u57fa\u672c\u77e5\u8b58\u3001\u539f\u7406\u5916\uff0c\u9084\u6709\u6559\u4f60\u5982\u4f55\u8207\u8cc7\u6599\u5eab ( MySQL \u548c mongoDB ) \u6e9d\u901a\uff0c\u5230\u5f8c\u9762\u9084\u6709\u63d0\u5230 GraphQL \uff0c\u4f46\u8981\u628a\u9019\u9580\u8ab2\u4e0a\u5b8c\u5176\u5be6\u4e5f\u662f\u6eff\u786c\u7684\uff0c\u56e0\u70ba\u5167\u5bb9\u771f\u7684\u6eff\u591a\uff0c\u7406\u89e3\u5b8c\u5f8c\u518d\u5be6\u4f5c\u6703\u82b1\u6eff\u591a\u6642\u9593\u7684\uff0c\u6211\u81ea\u5df1\u4e5f\u662f\u4e0a\u5230 Section 19 \u800c\u5df2 (\u7e3d\u5171 36 \u500b Section ) \uff0c\u60f3\u8aaa\u4e4b\u5f8c\u6709\u6642\u9593\u518d\u4f86\u628a\u5f8c\u7aef\u77e5\u8b58\u88dc\u9f4a\u3002<br>\u5982\u679c\u89ba\u5f97\u9019\u9580\u8ab2\u7684\u5167\u5bb9\u592a\u591a\u7684\u8a71\uff0c\u5efa\u8b70\u53ef\u4ee5\u76f4\u63a5\u53c3\u8003\u4e0b\u9762\u90a3\u5802 <a rel=\"noreferrer noopener\" href=\"https:\/\/www.udemy.com\/course\/react-nodejs-express-mongodb-the-mern-fullstack-guide\/\" target=\"_blank\">[Udemy] React, NodeJS, Express &amp; MongoDB &#8211; The MERN Fullstack Guide<\/a> \uff0c\u88e1\u9762\u4e5f\u6709\u63d0\u5230 Node.js \uff0c\u96d6\u7136\u4e0d\u50cf\u9019\u9580\u8ab2\u9019\u9ebc\u5b8c\u6574\uff0c\u4f46\u5c0d\u65bc\u505a\u51fa\u4f5c\u54c1\u4f86\u8aaa\u5df2\u7d93\u8db3\u5920\u3002<\/p>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"213_%E5%89%8D%E5%BE%8C%E7%AB%AF%E6%95%B4%E5%90%88%E8%88%87%E4%B8%B2%E6%8E%A5_%E5%81%9A%E4%BD%9C%E5%93%81\"><\/span>2.13  \u524d\u5f8c\u7aef\u6574\u5408\u8207\u4e32\u63a5 (\u505a\u4f5c\u54c1)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5728\u8f49\u8077\u7684\u904e\u7a0b\u4e2d\uff0c\u6211\u8a8d\u70ba\u505a\u4f5c\u54c1\u662f\u4e00\u500b\u975e\u5e38\u91cd\u8981\u7684\u74b0\u7bc0\uff0c\u7576\u7136\u4e0d\u4e00\u5b9a\u8981\u7b49\u5230\u628a\u5168\u90e8\u7684\u6771\u897f\u5b78\u5b8c\u624d\u505a\u4f5c\u54c1\uff0c\u53ef\u4ee5\u6bcf\u5b78\u4e00\u9ede\u6771\u897f\u5c31\u8a66\u8457\u505a\u51fa\u4e00\u500b\u5c0f\u4f5c\u54c1\uff0c\u50cf\u524d\u9762\u63d0\u5230\u7684\u81ea\u5df1\u7df4\u7fd2<a aria-label=\"\u4e32 twitch API (opens in a new tab)\" href=\"https:\/\/jimmy2952.github.io\/twitch\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u4e32 twitch API<\/a> \uff0c\u6216\u662f\u5b78\u5b8c React.js \u5f8c\u4e5f\u53ef\u4ee5\u505a\u4e00\u500b\u4f5c\u54c1\u4f86\u77e5\u9053\u81ea\u5df1\u662f\u4e0d\u662f\u771f\u7684\u7406\u89e3 React.js \u662f\u5982\u4f55\u904b\u4f5c\u4ee5\u53ca\u8a72\u5982\u4f55\u4f7f\u7528\u3002<\/p>\n\n\n\n<p>\u4f46\u500b\u4eba\u9084\u6eff\u63a8\u85a6\u5728\u4f60\u7406\u89e3\u5b8c\u524d\u5f8c\u7aef\u5f8c\uff0c\u81ea\u5df1\u5b8c\u6574\u505a\u51fa\u4e00\u500b\u7db2\u7ad9 (\u524d\u5f8c\u7aef\u90fd\u81ea\u5df1\u505a) \uff0c\u56e0\u70ba\u5f88\u591a\u89c0\u5ff5\u5fc5\u9808\u81ea\u5df1\u5be6\u4f5c\u904e\u5f8c\u624d\u6703\u66f4\u6709\u611f\u89ba\uff0c\u505a\u4f5c\u54c1\u7684\u904e\u7a0b\u4e2d\u4e5f\u53ef\u4ee5\u8a13\u7df4\u4f60\u898f\u5283\u7db2\u7ad9\u7684\u80fd\u529b\uff0c\u4ee5\u53ca\u601d\u8003\u81ea\u5df1\u70ba\u751a\u9ebc\u60f3\u505a\u9019\u500b\u4f5c\u54c1\uff0c\u66f4\u91cd\u8981\u7684\u662f\uff0c\u4f60\u5c0d\u9019\u500b\u4f5c\u54c1\u8d8a\u4e86\u89e3\uff0c\u5728\u9762\u8a66\u7684\u6642\u5019\u5c31\u6709\u8d8a\u591a\u7684\u6771\u897f\u53ef\u4ee5\u8aaa\uff0c\u66f4\u5bb9\u6613\u8b93\u9762\u8a66\u5b98\u4e86\u89e3\u4f60\u5c0d\u7db2\u7ad9\u524d\u5f8c\u7aef\u7684\u4e86\u89e3\u7a0b\u5ea6\u3002<\/p>\n\n\n\n<p>\u7136\u800c\u8981\u81ea\u5df1\u4e32\u806f\u524d\u5f8c\u7aef\u548c\u8cc7\u6599\u5eab\u7d55\u5c0d\u4e0d\u662f\u4ef6\u5bb9\u6613\u7684\u4e8b\uff0c\u7db2\u8def\u4e0a\u7684\u8cc7\u6e90\u96d6\u7136\u5f88\u591a\uff0c\u4f46\u5c0d\u65bc\u9019\u7a2e\u6574\u5408\u6027\u7684\u6280\u8853\u6587\u7ae0\u500b\u4eba\u89ba\u5f97\u6bd4\u8f03\u96f6\u6563\uff0c\u56e0\u6b64\u6eff\u63a8\u85a6\u76f4\u63a5\u4e0a Udemy \u7684\u8ab2\uff0c\u52a0\u901f\u4e86\u89e3\u524d\u5f8c\u7aef\u5982\u4f55\u6574\u5408\u3002<\/p>\n\n\n\n<h4>2.13.1 \u5b78\u7fd2\u8cc7\u6e90<\/h4>\n\n\n\n<p><a aria-label=\"[Udemy] React, NodeJS, Express &amp; MongoDB - The MERN Fullstack Guide (opens in a new tab)\" href=\"https:\/\/www.udemy.com\/course\/react-nodejs-express-mongodb-the-mern-fullstack-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">[Udemy] React, NodeJS, Express &amp; MongoDB &#8211; The MERN Fullstack Guide<\/a><br>\u9019\u9580\u8ab2\u76f4\u63a5\u6559\u4f60\u5982\u4f55\u7528 React.js, Node.js, Express \u4e26\u4e14\u4e32\u806f MongoDB \u4f86\u505a\u51fa\u4e00\u500b\u7c21\u55ae\u7684\u4f5c\u54c1\uff0c\u4e0a\u5b8c\u9019\u9580\u8ab2\u57fa\u672c\u4e0a\u5c31\u53ef\u4ee5\u505a\u51fa\u4e00\u500b\u529f\u80fd\u5b8c\u6574\u7684\u7db2\u9801\u4f5c\u54c1\u4e86\uff01<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"3_%E5%AD%B8%E7%BF%92%E8%B7%AF%E7%B7%9A%E8%88%87%E8%B3%87%E6%BA%90%E7%B5%90%E8%AB%96\"><\/span>3. \u5b78\u7fd2\u8def\u7dda\u8207\u8cc7\u6e90\u7d50\u8ad6<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u53ef\u4ee5\u770b\u5230\u524d\u534a\u90e8\u7684\u5b78\u7fd2\u8cc7\u6e90\u5e7e\u4e4e\u90fd\u5305\u542b\u4e86 Huli \u958b\u7684\u8ab2\uff0c\u4e00\u65b9\u9762\u50f9\u683c\u548c\u5176\u4ed6\u4e2d\u6587\u7684\u7dda\u4e0a\u8ab2\u7a0b\u76f8\u8f03\u4e4b\u4e0b\u771f\u7684\u5f88\u89aa\u6c11\uff0c\u53e6\u4e00\u65b9\u9762\u771f\u5fc3\u89ba\u5f97\u4ed6\u7684\u8ab2\u5f88\u9069\u5408\u6c92\u6709\u7a0b\u5f0f\u57fa\u790e\u548c\u975e\u672c\u79d1\u7cfb\u7684\u4eba\uff0c\u6703\u6559\u4f60\u5982\u4f55\u8abf\u6574\u5beb\u7a0b\u5f0f\u7684\u5fc3\u614b\u4ee5\u53ca\u908f\u8f2f\u3002\u56e0\u6b64\u524d\u534a\u90e8\u7684\u5b78\u7fd2\u8def\u7dda\u6216\u8a31\u6709\u66f4\u597d\u7684\u5b78\u7fd2\u8cc7\u6e90\uff0c\u4f46\u6211\u8a8d\u70ba\u627e\u6559\u6750\u5c31\u8ddf\u627e\u5973\u670b\u53cb\u4e00\u6a23\uff0c\u4e0d\u4e00\u5b9a\u8981\u627e\u6700\u597d\u7684\uff0c\u800c\u662f\u8981\u627e\u6700\u9069\u5408\u81ea\u5df1\u7684\u3002\u5728\u7406\u89e3\u4e00\u4e9b\u524d\u7aef\u7684\u6838\u5fc3\u89c0\u5ff5\u5f8c\uff0c\u5982\u679c\u5e0c\u671b\u5feb\u901f\u4e86\u89e3\u5f8c\u7aef\u53ca\u8cc7\u6599\u5eab\u7684\u8a71\uff0c\u6eff\u63a8\u85a6\u76f4\u63a5\u4e0a Udemy \u7684\u8ab2\uff0c\u53ef\u4ee5\u5feb\u901f\u4e86\u89e3\u5982\u4f55\u64cd\u4f5c\u5f8c\u7aef\u8207\u8cc7\u6599\u5eab\u6e9d\u901a\uff0c\u5c0d\u505a\u51fa\u4e00\u500b\u8f03\u5b8c\u6574\u7684\u4f5c\u54c1\u4e5f\u5f88\u6709\u5e6b\u52a9\u3002<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"4_%E8%BD%89%E8%81%B7%E5%BF%83%E5%BE%97\"><\/span>4. \u8f49\u8077\u5fc3\u5f97<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u5176\u5be6\u7576\u521d\u6703\u6c7a\u5b9a\u5168\u8077\u8f49\u8077\u662f\u56e0\u70ba\u908a\u5de5\u4f5c\u908a\u8f49\u8077\u771f\u7684\u9084\u6eff\u7d2f\u7684\uff0c\u6709\u6642\u5019\u5de5\u4f5c\u4e00\u6574\u5929\u56de\u5230\u5bb6\u53ea\u60f3\u7576\u4e00\u6524\u6703\u547c\u5438\u7684\u8089\uff0c\u73fe\u5728\u56de\u60f3\u8d77\u4f86\u9084\u6eff\u6176\u5e78\u7576\u521d\u505a\u4e86\u9019\u500b\u6c7a\u5b9a\uff0c\u5426\u5247\u908a\u5de5\u4f5c\u908a\u8f49\u8077\uff0c\u53ef\u80fd\u5230\u7576\u963f\u516c\u7684\u6642\u5019\u9084\u6c92\u8f49\u6210\u529f&#8230;&#8230;<\/p>\n\n\n\n<p>\u5728\u525b\u958b\u59cb\u5168\u8077\u8f49\u8077\u7684\u4e00\u500b\u6708\u5176\u5be6\u6eff\u5fac\u5fa8\u7684\uff0c\u56e0\u70ba\u5728\u524d\u7aef\u9818\u57df\u4e2d\uff0c\u5e38\u5e38\u6703\u6709\u4e00\u7a2e\u611f\u89ba\uff1a\u5b78\u5f97\u8d8a\u591a\uff0c\u89ba\u5f97\u81ea\u5df1\u8d8a\u5ee2\uff0c\u56e0\u70ba\u7adf\u7136\u9084\u6709\u9019\u9ebc\u591a\u4e0d\u6703\uff0c\u7576\u6642\u7684\u6211\u770b\u4e86\u4e00\u4e0b Huli \u7684\u5b78\u7fd2\u8def\u7dda\u53c3\u8003\uff0c\u4e0a\u9762\u7684\u6771\u897f\u5e7e\u4e4e\u90fd\u770b\u4e0d\u61c2\uff0c\u4e0d\u7981\u61f7\u7591\u4eba\u751f\uff1a\u6703\u4e0d\u6703\u88f8\u8fad\u662f\u500b\u932f\u8aa4\u7684\u6c7a\u5b9a\uff1f\u4f46\u5f8c\u4f86\u4ed4\u7d30\u60f3\u60f3\uff0c\u5176\u5be6\u5f88\u591a\u4e8b\u60c5\u53ea\u8981\u6309\u90e8\u5c31\u73ed\uff0c\u6700\u5f8c\u90fd\u6703\u6709\u6210\u679c\u7684\uff0c\u53ea\u8981\u4eca\u5929\u7684\u81ea\u5df1\u6709\u6bd4\u6628\u5929\u9032\u6b65\uff0c\u90a3\u5c31\u5df2\u7d93\u8d0f\u904e\u6eff\u591a\u4eba\u4e86(\u5b89\u6170\u81ea\u5df1\u7684\u5c41\u8a71\u54c8\u54c8\u54c8)\u3002<\/p>\n\n\n\n<p>\u500b\u4eba\u8a8d\u70ba\u5728\u8f49\u8077\u7684\u8def\u4e0a\u6700\u96e3\u7684\u5c31\u662f\u8abf\u6574\u5fc3\u614b\uff0c\u7576\u4f60\u9047\u5230\u5f88\u96e3\u5b78\u7fd2\u6216\u662f\u5f88\u96e3\u61c2\u7684\u6771\u897f\uff0c\u53c8\u6c92\u6709\u4eba\u53ef\u4ee5\u554f\u7684\u6642\u5019\uff0c\u5c31\u6703\u8d8a\u60f3\u8d8a\u591a\u9677\u5165\u7121\u9650\u7684\u8ca0\u9762\u60c5\u7dd2\u4e2d \u2014 \u9023\u9019\u90fd\u4e0d\u6703\u5230\u5e95\u662f\u8981\u600e\u9ebc\u8f49\u8077\uff1f\u9019\u6642\u5019\u6eff\u63a8\u85a6\u4f60\u770b\u770b\u7db2\u8def\u4e0a\u5176\u4ed6\u8f49\u8077\u7684\u6587\u7ae0\uff0c\u50cf\u662f <a aria-label=\"\u5de5\u7a0b\u5e2b\u4f5c\u5bb6\u7684\u8f49\u884c\u4eba\u751f (opens in a new tab)\" href=\"https:\/\/findcareerpassion.blogspot.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u5de5\u7a0b\u5e2b\u4f5c\u5bb6\u7684\u8f49\u884c\u4eba\u751f<\/a> \u90e8\u843d\u683c\u7684\u6240\u4ee5\u6587\u7ae0\u5e7e\u4e4e\u90fd\u770b\u904e\u4e86\uff0c\u9084\u6709\u5979\u8001\u516c <a aria-label=\"\u534a\u8def\u51fa\u5bb6\u8edf\u9ad4\u5de5\u7a0b\u5e2b\u5728\u77fd\u8c37 (opens in a new tab)\" href=\"https:\/\/brianhsublog.blogspot.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"rank-math-link\">\u534a\u8def\u51fa\u5bb6\u8edf\u9ad4\u5de5\u7a0b\u5e2b\u5728\u77fd\u8c37<\/a> \u7684\u6545\u4e8b\u66f4\u8b93\u6211\u89ba\u5f97\uff0c\u5982\u679c\u6211\u6c92\u6709\u50cf\u5176\u4ed6\u4eba\u90a3\u9ebc\u52aa\u529b\uff0c\u90a3\u53c8\u6709\u751a\u9ebc\u8cc7\u683c\u8ac7\u653e\u68c4\u3002\u770b\u9019\u4e9b\u6587\u7ae0\u9084\u6709\u4e00\u4e9b\u66f8\u7c4d\uff0c\u5728\u6211\u8f49\u8077\u4f4e\u6f6e\u7684\u671f\u9593\u7d66\u4e86\u6211\u5f88\u5927\u7684\u6fc0\u52f5\u3002\u7e3d\u800c\u8a00\u4e4b\uff0c\u5728\u8f49\u8077\u4f4e\u6f6e\u7684\u6642\u5019\u6eff\u5efa\u8b70\u53ef\u4ee5\u591a\u770b\u4e9b\u6587\u7ae0\u6216\u662f\u66f8\u7c4d\u8b93\u81ea\u5df1\u7684\u5fc3\u9748\u6c89\u6fb1\u4e00\u4e0b\uff0c\u6216\u662f\u8ddf\u670b\u53cb\u5403\u5403\u98ef\uff0c\u7a0d\u5fae\u653e\u9b06\u4e00\u4e0b\uff0c\u4e00\u76f4\u628a\u81ea\u5df1\u903c\u592a\u7dca\u6709\u6642\u5019\u53cd\u800c\u6703\u6709\u53cd\u6548\u679c\u3002<\/p>\n\n\n\n<p>\u81f3\u65bc\u8981\u4e0a\u5be6\u9ad4\u8ab2\u7a0b\u9084\u662f\u81ea\u5df1\u5728\u5bb6\u770b\u7dda\u4e0a\u8ab2\u7a0b\u8f49\u8077\u5176\u5be6\u56e0\u4eba\u800c\u7570\uff0c\u5982\u679c\u4f60\u53ef\u4ee5\u6bcf\u5929\u5728\u5bb6\u5750\u5728\u96fb\u8166\u684c\u524d\u4e56\u4e56\u6253 8~10 \u500b\u5c0f\u6642\u7684 code \u6216\u662f\u4e0a\u7dda\u4e0a\u8ab2\u7a0b\uff0c\u90a3\u9084\u6eff\u63a8\u85a6\u81ea\u5df1\u8f49\u8077\u7684\uff0c\u7562\u7adf\u73fe\u5728\u5f88\u591a\u7db2\u8def\u8cc7\u6e90\u5176\u5be6\u6bd4\u5be6\u9ad4\u8ab2\u7a0b\u5b8c\u6574\u800c\u4e14\u50f9\u683c\u4e5f\u89aa\u6c11\u5f88\u591a\uff0c\u4e5f\u591a\u4e86\u901a\u52e4\u6642\u9593\u53ef\u4ee5\u5229\u7528\u3002\u4f46\u5982\u679c\u6bd4\u8f03\u7121\u6cd5\u81ea\u5f8b\u7684\u4eba\u5c31\u53ef\u4ee5\u597d\u597d\u5229\u7528\u5be6\u9ad4\u8ab2\u7a0b\uff0c\u7f3a\u9ede\u5c31\u662f\u57fa\u672c\u4e0a\u8cbb\u7528\u90fd\u6eff\u8cb4\u7684\uff0c\u800c\u4e14\u6c92\u8fa6\u6cd5\u81ea\u5df1\u638c\u63e1\u9032\u5ea6 (\u90fd\u662f\u8ddf\u73ed\u4e0a\u9032\u5ea6) \uff0c\u512a\u9ede\u662f\u6709\u554f\u984c\u53ef\u4ee5\u548c\u540c\u5b78\u6216\u8001\u5e2b\u8a0e\u8ad6\uff0c\u5728\u5b78\u7fd2\u7684\u904e\u7a0b\u4e2d\u6bd4\u8d77\u81ea\u5df1\u5728\u5bb6\u8f49\u8077\uff0c\u591a\u4e86\u5f88\u591a\u6230\u53cb\u53ef\u4ee5\u4e92\u76f8\u6276\u6301\u3002<\/p>\n\n\n\n<p>\u4e0d\u904e\u73fe\u5728\u597d\u50cf\u4e5f\u6eff\u591a\u7dda\u4e0a\u8f49\u8077\u7684 Project \uff0c\u525b\u597d\u4ecb\u65bc\u5be6\u9ad4\u8ab2\u7a0b\u548c\u81ea\u5df1\u8f49\u8077\u4e2d\u9593\uff0c\u50cf\u662f Huli \u7684 <a rel=\"noreferrer noopener\" href=\"https:\/\/bootcamp.lidemy.com\/\" target=\"_blank\" class=\"rank-math-link\">\u7a0b\u5f0f\u5c0e\u5e2b\u5be6\u9a57\u8a08\u756b<\/a> \uff0c\u6703\u5e6b\u5fd9\u898f\u5283\u8ab2\u7a0b\u7684\u9032\u5ea6\uff0c\u6709\u554f\u984c\u4e5f\u53ef\u4ee5\u548c\u5927\u5bb6\u7dda\u4e0a\u8a0e\u8ad6\uff0c\u5546\u696d\u6a21\u5f0f\u4e5f\u6eff\u5275\u65b0\u7684\uff0c\u96d6\u7136\u81ea\u5df1\u6c92\u6709\u53c3\u52a0\u904e\u5b8c\u6574\u7684 Project \uff0c\u4f46 Huli \u78ba\u5be6\u5728\u6211\u8f49\u8077\u7684\u904e\u7a0b\u4e2d\u7d66\u4e86\u6eff\u5927\u7684\u5e6b\u52a9\uff0c\u4e0d\u7ba1\u662f\u6587\u7ae0\u3001\u8ab2\u7a0b\u6216\u662f\u8f49\u8077\u7684\u5fc3\u614b\uff0c\u8457\u5be6\u8b93\u6211\u7372\u76ca\u826f\u591a\uff01\u5176\u4ed6\u7dda\u4e0a\u8f49\u8077\u7684 Project \u500b\u4eba\u5c31\u6c92\u6709\u6df1\u5165\u7814\u7a76\u4e86\uff0c\u4e0d\u904e\u76f4\u63a5 google \u4e5f\u53ef\u4ee5\u67e5\u5230\u4e0d\u5c11\u6587\u7ae0\u548c\u8a55\u50f9\uff0c\u5c31\u4e0d\u5728\u9019\u88e1\u4e00\u4e00\u5217\u8209\u8aaa\u660e\u4e86\u3002<\/p>\n\n\n\n<p>\u6700\u5f8c\uff0c\u5e0c\u671b\u9019\u7bc7\u6587\u7ae0\u5c0d\u8981\u8f49\u8077\u7684\u4eba\u53ef\u4ee5\u6709\u4e00\u9ede\u9ede\u5e6b\u52a9\uff0c\u795d\u5404\u4f4d\u8f49\u8077\u9806\u5229\uff01<\/p>\n\n\n\n\n\n<p>\u5982\u679c\u89ba\u5f97\u6211\u7684\u6587\u7ae0\u6709\u5e6b\u52a9\u7684\u8a71\uff0c\u6b61\u8fce\u5e6b\u6211\u7684\u7c89\u5c08\u6309\u8b9a\u54e6~\u8b1d\u8b1d\u4f60\uff01<br><\/p>\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fjimmyswebnote&amp;tabs=timeline&amp;width=340&amp;height=500&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId\" width=\"340\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6b77\u7d93\u534a\u5e74\u7684\u6642\u9593\u8f49\u8077\u524d\u7aef\u5de5\u7a0b\u5e2b\uff0c\u9019\u908a\u60f3\u4f86\u5206\u4eab\u4e00\u4e0b\u9019\u534a\u5e74\u53c3\u8003\u7684\u8cc7\u6e90\u3001\u8ab2\u7a0b\u3001\u6587\u7ae0\u7b49\u7b49\uff0c\u5e0c\u671b\u5c0d\u60f3\u8981\u8f49\u8077\u524d\u7aef\u5de5\u7a0b\u5e2b\u7684\u4eba\u6709\u4e00\u9ede\u9ede\u7684\u5e6b\u52a9~<\/p>\n","protected":false},"author":1,"featured_media":1512,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":[],"categories":[30],"tags":[93,94],"_links":{"self":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/posts\/1473"}],"collection":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/comments?post=1473"}],"version-history":[{"count":0,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/posts\/1473\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/media\/1512"}],"wp:attachment":[{"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/media?parent=1473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/categories?post=1473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jimmyswebnote.com\/wp-json\/wp\/v2\/tags?post=1473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}