{"id":313,"date":"2026-09-06T01:24:20","date_gmt":"2026-09-05T17:24:20","guid":{"rendered":"https:\/\/www.ziliaochi.cn\/index.php\/2026\/09\/06\/interview-cross-platform-20q\/"},"modified":"2026-09-06T01:24:20","modified_gmt":"2026-09-05T17:24:20","slug":"interview-cross-platform-20q","status":"publish","type":"post","link":"https:\/\/www.ziliaochi.cn\/index.php\/2026\/09\/06\/interview-cross-platform-20q\/","title":{"rendered":"\u8de8\u7aef\u5f00\u53d1 20 \u95ee\uff1aFlutter \u4e09\u68f5\u6811\u3001RN \u65b0\u67b6\u6784\u4e0e\u9009\u578b\u8bba\u8bc1"},"content":{"rendered":"<div style=\"font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft YaHei\",sans-serif;font-size:16.5px;line-height:1.9;color:#35435c;letter-spacing:.2px\">\n<div style=\"background:linear-gradient(135deg,#f5f9ff,#eef5ff);border:1px solid #dce8f8;border-left:4px solid #6a5be0;border-radius:12px;padding:16px 20px;margin:0 0 24px;font-size:14.5px;color:#3d5570;line-height:2\"><span style=\"display:inline-block;background:#6a5be0;color:#fff;font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:6px;margin-right:12px;letter-spacing:1px;vertical-align:1px\">\u5173\u952e\u8bcd<\/span>\u8de8\u7aef\u9762\u8bd5\u3001Flutter \u4e09\u68f5\u6811\u3001RN \u65b0\u67b6\u6784\u3001KMP\u3001ArkUI-X\u3001\u8de8\u7aef\u9009\u578b<\/div>\n<div style=\"background:#fafbfd;border:1px solid #e8edf5;border-radius:12px;padding:18px 22px;margin:0 0 30px\">\n<div style=\"font-size:13.5px;font-weight:700;color:#8a99ae;letter-spacing:2px;margin-bottom:12px\">\u76ee\u5f55<\/div>\n<ol style=\"margin:0;padding-left:20px\">\n<li style=\"margin:8px 0;font-size:15px;line-height:1.6\"><a href=\"#sec-1\" style=\"color:#42546e;text-decoration:none;border:none\">\u4e00\u3001\u6e32\u67d3\u539f\u7406\uff086 \u95ee\uff09<\/a><\/li>\n<li style=\"margin:8px 0;font-size:15px;line-height:1.6\"><a href=\"#sec-2\" style=\"color:#42546e;text-decoration:none;border:none\">\u4e8c\u3001\u65b9\u6848\u5bf9\u6bd4\u4e0e\u9009\u578b\uff087 \u95ee\uff09<\/a><\/li>\n<li style=\"margin:8px 0;font-size:15px;line-height:1.6\"><a href=\"#sec-3\" style=\"color:#42546e;text-decoration:none;border:none\">\u4e09\u3001\u5de5\u7a0b\u5b9e\u8df5\uff087 \u95ee\uff09<\/a><\/li>\n<\/ol>\n<\/div>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\"><span style=\"font-size:17px;color:#1e2f47\">\u8de8\u7aef\u5f00\u53d1\u9762\u8bd5\u7684\u672c\u8d28\u662f\u9009\u578b\u8bba\u8bc1\uff1a\u9762\u8bd5\u5b98\u60f3\u770b\u7684\u662f\u4f60\u6709\u6ca1\u6709\u300c\u6309\u7ea6\u675f\u505a\u51b3\u7b56\u300d\u7684\u80fd\u529b\uff0c\u800c\u4e0d\u662f\u80cc\u4e00\u904d\u6846\u67b6\u5217\u8868\u3002\u8fd9\u4efd 20 \u95ee\u8986\u76d6\u6e32\u67d3\u539f\u7406\u3001\u65b9\u6848\u5bf9\u6bd4\u3001\u5de5\u7a0b\u5b9e\u8df5\u4e09\u4e2a\u5c42\u9762\u2014\u2014\u5148\u628a\u539f\u7406\u95ee\u6e05\u695a\uff0c\u518d\u8c08\u600e\u4e48\u9009\u3002<\/p>\n<h2 style=\"font-size:23px;line-height:1.45;font-weight:700;color:#0f1c2e;margin:46px 0 18px;padding:0 0 12px 14px;border-left:5px solid #6a5be0;border-bottom:1px solid #eef2f7;letter-spacing:.3px\" id=\"sec-1\">\u4e00\u3001\u6e32\u67d3\u539f\u7406\uff086 \u95ee\uff09<\/h2>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">1. Flutter \u4e3a\u4ec0\u4e48\u80fd\u8de8\u7aef\u4fdd\u6301\u4e00\u81f4\u6e32\u67d3\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u81ea\u5e26\u6e32\u67d3\u5f15\u64ce\uff08Impeller\/Skia\uff09\u5b8c\u6574\u63a5\u7ba1 UI \u7ed8\u5236\uff0c\u4e0d\u4f9d\u8d56\u5e73\u53f0\u63a7\u4ef6\uff0c\u7528\u540c\u4e00\u4e2a\u6e32\u67d3\u7ba1\u7ebf\u5728\u6240\u6709\u5e73\u53f0\u753b\u4e00\u6837\u7684\u50cf\u7d20\u3002\u4ee3\u4ef7\uff1a\u5305\u4f53\u81ea\u5e26\u5f15\u64ce\u3001\u65e0\u969c\u788d\/\u7cfb\u7edf\u5b57\u4f53\u7b49\u5e73\u53f0\u80fd\u529b\u8981\u8d70\u6865\u63a5\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">2. Flutter \u7684\u4e09\u68f5\u6811\u662f\u4ec0\u4e48\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">Widget\uff08\u4e0d\u53ef\u53d8\u914d\u7f6e\uff09\u3001Element\uff08\u5b9e\u4f8b\u4e0e\u751f\u547d\u5468\u671f\uff0c\u6301\u6709\u590d\u7528\u5173\u7cfb\uff09\u3001RenderObject\uff08\u5e03\u5c40\u4e0e\u7ed8\u5236\uff09\u3002Widget \u91cd\u5efa\u5f88\u5ec9\u4ef7\uff08\u53ea\u662f\u914d\u7f6e\u5bf9\u8c61\uff09\uff0c\u771f\u6b63\u6602\u8d35\u7684\u662f RenderObject \u91cd\u5efa\u2014\u2014\u8fd9\u662f\u300cconst \u4f18\u5316\u300d\u7684\u7406\u8bba\u57fa\u7840\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">3. React Native \u65b0\u67b6\u6784\u89e3\u51b3\u4e86\u4ec0\u4e48\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u65e7\u67b6\u6784\u7684\u5f02\u6b65\u6865\u5e8f\u5217\u5316\u5f00\u9500\u5927\uff1b\u65b0\u67b6\u6784\uff08JSI + Fabric + TurboModules\uff09\u8ba9 JS \u4e0e\u539f\u751f\u76f4\u63a5\u540c\u6b65\u8c03\u7528\uff0cUI \u7ba1\u7406\u7531 Fabric \u7edf\u4e00\uff0c\u539f\u751f\u6a21\u5757\u6309\u9700\u61d2\u52a0\u8f7d\u3002\u7b54\u9898\u8981\u70b9\uff1aJSI \u662f\u540c\u6b65\u3001\u65e0\u5e8f\u5217\u5316\u7684\u76f4\u63a5\u8c03\u7528\u901a\u9053\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">4. WebView H5 \u4e0e\u539f\u751f\u5bb9\u5668\u65b9\u6848\u7684\u672c\u8d28\u5dee\u5f02\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">WebView \u65b9\u6848\u6240\u6709\u6e32\u67d3\u8d70\u6d4f\u89c8\u5668\u5f15\u64ce\uff0c\u6865\u63a5\u662f\u300cJS \u2194 \u539f\u751f\u300d\u7684\u6d88\u606f\u901a\u9053\uff1b\u539f\u751f\u5bb9\u5668\u65b9\u6848\u6e32\u67d3\u4e0e\u903b\u8f91\u90fd\u5728\u539f\u751f\/\u81ea\u7ed8\u7ba1\u7ebf\u91cc\u3002\u4f53\u9a8c\u5dee\u8ddd\u7684\u6839\u6e90\u5728\u6e32\u67d3\u8def\u5f84\u957f\u77ed\u4e0e\u7ebf\u7a0b\u6a21\u578b\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">5. KMP\uff08Kotlin Multiplatform\uff09\u7684\u5b9a\u4f4d\u4e0e\u5176\u4ed6\u65b9\u6848\u7684\u5dee\u522b\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">KMP \u9ed8\u8ba4\u53ea\u5171\u4eab\u903b\u8f91\u5c42\uff08\u7f51\u7edc\u3001\u5b58\u50a8\u3001\u4e1a\u52a1\u89c4\u5219\uff09\uff0cUI \u5404\u7aef\u539f\u751f\u5199\uff1b\u914d\u5408 Compose Multiplatform \u624d\u5171\u4eab UI\u3002\u5b83\u4e0d\u662f\u300c\u4e00\u5957\u4ee3\u7801\u5168\u7aef\u8dd1\u300d\uff0c\u800c\u662f\u300c\u6309\u5c42\u9009\u62e9\u5171\u4eab\u7c92\u5ea6\u300d\u2014\u2014\u8fd9\u662f\u5b83\u9762\u8bd5\u91cc\u6700\u5927\u7684\u52a0\u5206\u8ba4\u77e5\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">6. HarmonyOS ArkUI-X \u7684\u8de8\u7aef\u673a\u5236\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">ArkTS\/ArkUI \u4ee3\u7801\u590d\u7528\u5230 iOS\/Android\uff0c\u540c\u6837\u8d70\u300c\u6846\u67b6\u81ea\u6e32\u67d3 + \u5e73\u53f0\u6865\u63a5\u300d\u8def\u7ebf\u3002\u5bf9\u56fd\u5185\u56e2\u961f\u7684\u610f\u4e49\uff1a\u9e3f\u8499\u4f18\u5148\u7684\u5e94\u7528\u53ef\u4ee5\u4ee5\u9e3f\u8499\u5de5\u7a0b\u4e3a\u4e3b\u5e72\uff0c\u8de8\u51fa\u53cc\u7aef\u3002\u4ee5<a href=\"https:\/\/developer.huawei.com\/consumer\/cn\/arkui-x\/\" target=\"_blank\" rel=\"noopener\" style=\"color:#6a5be0;text-decoration:none;border-bottom:1px solid #6a5be066;transition:opacity .15s\">\u5b98\u65b9\u6587\u6863<\/a>\u7684\u6700\u65b0\u652f\u6301\u77e9\u9635\u4e3a\u51c6\u3002<\/p>\n<figure style=\"margin:30px 0;text-align:center\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"900\" src=\"https:\/\/www.ziliaochi.cn\/wp-content\/uploads\/2026\/09\/interview-cross-platform-20q-fig.png\" alt=\"\u4e3b\u6d41\u8de8\u7aef\u65b9\u6848\u7684\u6e32\u67d3\u8def\u7ebf\" class=\"wp-image-312\" style=\"max-width:100%;height:auto;border-radius:12px;border:1px solid #e6ecf4;box-shadow:0 8px 24px rgba(15,30,60,.07)\" srcset=\"https:\/\/www.ziliaochi.cn\/wp-content\/uploads\/2026\/09\/interview-cross-platform-20q-fig.png 1200w, https:\/\/www.ziliaochi.cn\/wp-content\/uploads\/2026\/09\/interview-cross-platform-20q-fig-300x225.png 300w, https:\/\/www.ziliaochi.cn\/wp-content\/uploads\/2026\/09\/interview-cross-platform-20q-fig-1024x768.png 1024w, https:\/\/www.ziliaochi.cn\/wp-content\/uploads\/2026\/09\/interview-cross-platform-20q-fig-768x576.png 768w, https:\/\/www.ziliaochi.cn\/wp-content\/uploads\/2026\/09\/interview-cross-platform-20q-fig-800x600.png 800w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption style=\"margin-top:12px;font-size:13.5px;color:#7b8aa0;text-align:center;line-height:1.75\"><\/figcaption><\/figure>\n<h2 style=\"font-size:23px;line-height:1.45;font-weight:700;color:#0f1c2e;margin:46px 0 18px;padding:0 0 12px 14px;border-left:5px solid #6a5be0;border-bottom:1px solid #eef2f7;letter-spacing:.3px\" id=\"sec-2\">\u4e8c\u3001\u65b9\u6848\u5bf9\u6bd4\u4e0e\u9009\u578b\uff087 \u95ee\uff09<\/h2>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">7. Flutter \u4e0e RN \u600e\u4e48\u9009\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u4e00\u81f4\u6027\u4f53\u9a8c\u4e0e\u590d\u6742\u52a8\u6548\u4f18\u5148 \u2192 Flutter\uff08\u81ea\u7ed8\u4e00\u81f4\u6027\u6700\u597d\uff09\uff1b\u56e2\u961f React \u6808\u3001\u9700\u8981\u70ed\u66f4\u65b0\u4e0e Web \u751f\u6001 \u2192 RN\u3002\u52a8\u6001\u66f4\u65b0\u80fd\u529b\u5728\u56fd\u5185\u7684\u5408\u89c4\u73b0\u72b6\u662f\u5fc5\u95ee\u7684\u8ffd\u95ee\u70b9\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">8. KMP \u4e0e Flutter \u80fd\u5171\u5b58\u5417\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u80fd\uff1aKMP \u5171\u4eab\u4e1a\u52a1\u903b\u8f91\u5c42\uff0cFlutter \u53ea\u505a UI \u58f3\uff0c\u901a\u8fc7 Kotlin\/Native \u6216 FFI \u6865\u63a5\u3002\u9002\u5408\u5df2\u6709 KMP \u57fa\u7840\u8bbe\u65bd\u53c8\u60f3\u8981\u81ea\u7ed8 UI \u7684\u56e2\u961f\uff0c\u4f46\u590d\u6742\u5ea6\u9ad8\uff0c\u4e2d\u5c0f\u56e2\u961f\u4e0d\u5efa\u8bae\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">9. \u300c\u4e00\u5957\u4ee3\u7801\u8dd1\u6240\u6709\u7aef\u300d\u7684\u627f\u8bfa\u600e\u4e48\u8bc4\u4f30\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u770b\u4e09\u4e2a\u6e05\u5355\uff1a\u76ee\u6807\u7aef\u80fd\u529b\u8986\u76d6\u5ea6\uff08\u5c0f\u7a0b\u5e8f\/\u9e3f\u8499\u652f\u6301\uff1f\uff09\u3001\u6761\u4ef6\u7f16\u8bd1\u6bd4\u4f8b\uff08\u4ee3\u7801\u91cc if (platform) \u8d8a\u591a\u627f\u8bfa\u8d8a\u865a\uff09\u3001\u53cc\u7aef\u4f53\u9a8c\u4e0b\u9650\u3002\u627f\u8bfa\u5151\u73b0\u5ea6 = \u6700\u5f31\u90a3\u7aef\u7684\u8868\u73b0\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">10. \u5c0f\u7a0b\u5e8f\u8de8\u7aef\u6846\u67b6\uff08Taro\/uni-app\uff09\u7684\u8fd0\u884c\u65f6\u6210\u672c\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u7f16\u8bd1\u65f6\u65b9\u6848\u4ea7\u7269\u63a5\u8fd1\u539f\u751f\u5c0f\u7a0b\u5e8f\uff08\u4f53\u79ef\u5c0f\u3001\u517c\u5bb9\u6027\u597d\uff09\uff1b\u8fd0\u884c\u65f6\u65b9\u6848\uff08\u5982\u5728\u5c0f\u7a0b\u5e8f\u91cc\u6a21\u62df DOM\/BOM \u8dd1 React\uff09\u7075\u6d3b\u4f46\u591a\u4e00\u5c42\u5f00\u9500\u3002\u65b0\u9879\u76ee\u4f18\u5148\u7f16\u8bd1\u65f6\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">11. \u4ec0\u4e48\u573a\u666f\u575a\u51b3\u4e0d\u8981\u8de8\u7aef\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u5f3a\u5e73\u53f0\u7279\u6027\uff08\u7cfb\u7edf\u7ea7\u52a8\u753b\u3001\u7e41\u91cd\u539f\u751f API\uff09\u3001\u6027\u80fd\u6781\u9650\u573a\u666f\uff08\u5927\u578b\u6e38\u620f\u3001\u5b9e\u65f6\u56fe\u5f62\uff09\u3001\u5355\u7aef\u4e1a\u52a1\u5374\u80cc\u4e0a\u8de8\u7aef\u590d\u6742\u5ea6\u3002\u7b54\u51fa\u300c\u8de8\u7aef\u662f\u6210\u672c\u6362\u8986\u76d6\uff0c\u4e0d\u8986\u76d6\u5c31\u4e0d\u8be5\u4ed8\u6210\u672c\u300d\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">12. \u8de8\u7aef\u65b9\u6848\u7684\u56e2\u961f\u6280\u80fd\u8fc1\u79fb\u6210\u672c\u600e\u4e48\u8bc4\u4f30\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u770b\u8bed\u8a00\u4eb2\u548c\uff08React \u6808 \u2192 RN\uff0c\u79fb\u52a8\u7aef Kotlin \u6808 \u2192 KMP\/Compose MP\uff0cWeb \u5168\u6808 \u2192 Flutter \u5b66\u4e60\u66f2\u7ebf\u6700\u5e73\u7f13\u7684\u662f Dart \u7c7b JS \u8bed\u6cd5\uff09\u4e0e\u539f\u751f\u6df1\u5ea6\u9700\u6c42\uff08\u9700\u8981\u5199\u591a\u5c11\u539f\u751f\u63d2\u4ef6\uff09\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">13. \u591a\u7aef\u7070\u5ea6\u4e0e\u53d1\u5e03\u8282\u594f\u600e\u4e48\u7edf\u4e00\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u8de8\u7aef\u4e0d\u7b49\u4e8e\u540c\u6b65\u53d1\u5e03\uff1a\u5404\u7aef\u5ba1\u6838\u8282\u594f\u4e0d\u540c\uff0c\u9700\u6309\u7aef\u72ec\u7acb\u7070\u5ea6\uff1b\u4e1a\u52a1\u529f\u80fd\u5f00\u5173\u4e0b\u6c89\u5230\u670d\u52a1\u7aef\u914d\u7f6e\uff0c\u8ba9\u300c\u4ee3\u7801\u5df2\u53d1\u4f46\u529f\u80fd\u672a\u5f00\u300d\u6210\u4e3a\u5e38\u6001\u3002<\/p>\n<h2 style=\"font-size:23px;line-height:1.45;font-weight:700;color:#0f1c2e;margin:46px 0 18px;padding:0 0 12px 14px;border-left:5px solid #6a5be0;border-bottom:1px solid #eef2f7;letter-spacing:.3px\" id=\"sec-3\">\u4e09\u3001\u5de5\u7a0b\u5b9e\u8df5\uff087 \u95ee\uff09<\/h2>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">14. \u539f\u751f\u63d2\u4ef6\/\u6865\u63a5\u7684\u5f00\u53d1\u8981\u70b9\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u63a5\u53e3\u6700\u5c0f\u5316\uff08\u6865\u4e0a\u53ea\u4f20\u6570\u636e\u4e0d\u4f20\u884c\u4e3a\uff09\u3001\u5f02\u6b65\u4f18\u5148\uff08\u907f\u514d\u963b\u585e UI \u7ebf\u7a0b\uff09\u3001\u9519\u8bef\u7801\u89c4\u8303\u3001\u7248\u672c\u517c\u5bb9\uff08\u539f\u751f API \u964d\u7ea7\u8def\u5f84\uff09\u3002\u6865\u662f\u8de8\u7aef\u65b9\u6848\u91cc\u6700\u5bb9\u6613\u51fa\u4e8b\u6545\u7684\u5c42\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">15. \u8de8\u7aef\u72b6\u6001\u7ba1\u7406\u4e0e\u6570\u636e\u540c\u6b65\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u903b\u8f91\u5c42\u5171\u4eab\u65f6\u72b6\u6001\u653e\u5171\u4eab\u5c42\uff08KMP \u7684 ViewModel\u3001Flutter \u7684 Riverpod\/Bloc\uff09\uff0cUI \u5c42\u5404\u7aef\u7ed1\u5b9a\uff1b\u7981\u6b62 UI \u5c42\u5404\u81ea\u7ef4\u62a4\u4e00\u4efd\u4e1a\u52a1\u72b6\u6001\u526f\u672c\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">16. \u8de8\u7aef UI \u7684\u4e00\u81f4\u6027\u600e\u4e48\u9a8c\u6536\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u8bbe\u8ba1 token \u7edf\u4e00\uff08\u989c\u8272\/\u95f4\u8ddd\/\u5b57\u53f7\u96c6\u4e2d\u5b9a\u4e49\uff09\u3001\u622a\u56fe\u5bf9\u6bd4\u81ea\u52a8\u5316\uff08\u5404\u7aef\u8dd1\u540c\u4e00\u9875\u9762 diff\uff09\u3001\u8bbe\u8ba1\u8bc4\u5ba1\u65f6\u6309\u7aef\u8fc7\u7a3f\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">17. \u8de8\u7aef\u9879\u76ee\u7684 CI\/CD \u6709\u4ec0\u4e48\u4e0d\u540c\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u591a\u7aef\u6784\u5efa\u77e9\u9635\uff08iOS \u7b7e\u540d\/Android\/\u5c0f\u7a0b\u5e8f\/\u9e3f\u8499\uff09\u3001\u4ea7\u7269\u5206\u53d1\u5230\u5404\u81ea\u6e20\u9053\u3001\u7248\u672c\u5bf9\u9f50\u7ba1\u7406\uff08\u516c\u5171\u5c42\u7248\u672c \u2194 \u5404\u7aef\u58f3\u7248\u672c\uff09\u3002\u52a0\u5206\u70b9\uff1a\u63d0\u5230\u300c\u58f3\u7248\u672c\u4e0e\u4e1a\u52a1\u5305\u7248\u672c\u89e3\u8026\u300d\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">18. \u6df7\u5408\u6808\uff08\u539f\u751f + \u8de8\u7aef\u9875\u9762\u6df7\u6392\uff09\u7684\u5173\u952e\u95ee\u9898\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u9875\u9762\u6808\u7edf\u4e00\uff08\u8de8\u7aef\u5bb9\u5668\u4f5c\u4e3a\u539f\u751f\u8def\u7531\u7684\u53f6\u5b50\uff09\u3001\u5185\u5b58\u4e0e\u751f\u547d\u5468\u671f\u5bf9\u9f50\u3001\u9884\u52a0\u8f7d\u4e0e\u56de\u6536\u7b56\u7565\uff08\u5bb9\u5668\u9884\u521d\u59cb\u5316\uff0c\u8fdb\u9000\u573a\u4e0d\u767d\u5c4f\uff09\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">19. \u8de8\u7aef\u7684\u6027\u80fd\u76d1\u63a7\u600e\u4e48\u505a\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u5206\u7aef\u91c7\u96c6\uff08\u5404\u81ea\u7684\u542f\u52a8\/\u5d29\u6e83\/\u5e27\u7387\uff09+ \u7edf\u4e00\u4e1a\u52a1\u7ef4\u5ea6\u805a\u5408\uff1b\u5171\u4eab\u903b\u8f91\u5c42\u7684\u6027\u80fd\u95ee\u9898\u8981\u5728\u903b\u8f91\u5c42\u57cb\u70b9\u624d\u80fd\u5b9a\u4f4d\uff0c\u4e0d\u80fd\u53ea\u770b\u7aef\u4fa7\u6307\u6807\u3002<\/p>\n<h3 style=\"font-size:18.5px;line-height:1.55;font-weight:700;color:#18283e;margin:30px 0 12px;padding-left:12px;border-left:3px solid #6a5be040\">20. \u8ba9\u4f60\u4e3a\u4e00\u4e2a\u300c\u5df2\u6709\u53cc\u7aef\u539f\u751f App \u7684\u56e2\u961f\u300d\u5f15\u5165\u8de8\u7aef\uff0c\u600e\u4e48\u7b54\uff1f<\/h3>\n<p style=\"font-size:16.2px;line-height:1.95;color:#35435c;margin:16px 0;letter-spacing:.2px\">\u5148\u95ee\u52a8\u673a\uff08\u964d\u672c\uff1f\u65b0\u4e1a\u52a1\u63d0\u6548\uff1f\u9e3f\u8499\u8865\u5145\uff1f\uff09\uff0c\u518d\u7ed9\u6e10\u8fdb\u8def\u7ebf\uff1a\u65b0\u4e1a\u52a1\u6a21\u5757\u7528\u8de8\u7aef\u505a\uff08\u98ce\u9669\u9694\u79bb\uff09\u2192 \u5efa\u7acb\u6865\u63a5\u4e0e\u53d1\u5e03\u57fa\u5efa \u2192 \u9010\u6b65\u66ff\u6362\u4f4e\u9891\u9875\u9762 \u2192 \u539f\u751f\u4fdd\u7559\u6838\u5fc3\u4f53\u9a8c\u9875\u3002\u8fd9\u95ee\u8003\u5bdf\u300c\u6e10\u8fdb\u8fc1\u79fb\u300d\u601d\u7ef4\uff0c\u7b54\u300c\u5168\u91cf\u91cd\u5199\u300d\u57fa\u672c\u51fa\u5c40\u3002<\/p>\n<div style=\"margin:42px 0 0;padding:22px 0 0;border-top:1px solid #eaeef4\">\n<div style=\"font-size:13px;color:#93a1b5;letter-spacing:1px;margin-bottom:12px\">\u6807\u7b7e<\/div>\n<p><span style=\"display:inline-block;background:#f3f6fa;border:1px solid #e4eaf2;color:#5b6c85;font-size:13px;padding:5px 12px;border-radius:999px;margin:0 8px 8px 0\">#\u8de8\u7aef\u5f00\u53d1<\/span><span style=\"display:inline-block;background:#f3f6fa;border:1px solid #e4eaf2;color:#5b6c85;font-size:13px;padding:5px 12px;border-radius:999px;margin:0 8px 8px 0\">#Flutter<\/span><span style=\"display:inline-block;background:#f3f6fa;border:1px solid #e4eaf2;color:#5b6c85;font-size:13px;padding:5px 12px;border-radius:999px;margin:0 8px 8px 0\">#React Native<\/span><span style=\"display:inline-block;background:#f3f6fa;border:1px solid #e4eaf2;color:#5b6c85;font-size:13px;padding:5px 12px;border-radius:999px;margin:0 8px 8px 0\">#\u9762\u8bd5\u9898<\/span><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>20 \u95ee\u8986\u76d6\u6e32\u67d3\u539f\u7406\uff08Flutter \u4e09\u68f5\u6811\/RN JSI \u65b0\u67b6\u6784\/KMP \u5171\u4eab\u7c92\u5ea6\/ArkUI-X\uff09\u3001\u65b9\u6848\u5bf9\u6bd4\uff08\u9009\u578b\u4e09\u6e05\u5355\/\u575a\u51b3\u4e0d\u8de8\u7aef\u7684\u573a\u666f\uff09\u4e0e\u5de5\u7a0b\u5b9e\u8df5\uff08\u6865\u63a5\u8981\u70b9\/\u6df7\u6392\u6808\/CI \u77e9\u9635\uff09\uff0c\u542b\u300c\u5f15\u5165\u8de8\u7aef\u7684\u6e10\u8fdb\u8def\u7ebf\u300d\u8bbe\u8ba1\u9898\u3002<\/p>\n","protected":false},"author":1,"featured_media":311,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,11],"tags":[40,41,42,169],"class_list":["post-313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-question-bank","category-question-bank","tag-flutter","tag-react-native","tag-42","tag-169"],"_links":{"self":[{"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/posts\/313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":0,"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/media\/311"}],"wp:attachment":[{"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ziliaochi.cn\/index.php\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}