{"@attributes":{"version":"2.0"},"channel":{"title":"Web\u524d\u7aef\u4e4b\u5bb6","link":"https:\/\/www.jiangweishan.com\/","description":"\u4e13\u6ce8Web\u524d\u7aef\u5f00\u53d1\uff0c\u4e86\u89e3\u65e0\u5fe7\u524d\u7aef\u5f00\u53d1\u52a8\u6001","item":[{"title":"\u5982\u4f55\u7528Service Worker\u5b9e\u73b0\u79bb\u7ebfPWA\u5e94\u7528\uff1f","link":"https:\/\/www.jiangweishan.com\/article\/PWAausdjjsvnsdhj1234.html","description":"

\"\u5982\u4f55\u7528Service<\/p>

\u5728\u79fb\u52a8\u4e92\u8054\u7f51\u65f6\u4ee3\uff0c\u7528\u6237\u5bf9\u5e94\u7528\u7684\u79bb\u7ebf\u4f53\u9a8c\u9700\u6c42\u8d8a\u6765\u8d8a\u9ad8\u2014\u2014\u6bd4\u5982\u5730\u94c1\u91cc\u5237\u4e0d\u51fa\u7f51\u9875\u3001\u6ca1\u4fe1\u53f7\u65f6\u60f3\u67e5\u770b\u4e4b\u524d\u7684\u5185\u5bb9\uff0c\u8fd9\u4e9b\u573a\u666f\u90fd\u9700\u8981\u5e94\u7528\u80fd\u201c\u79bb\u7ebf\u53ef\u7528\u201d\uff0c\u800cPWA\uff08\u6e10\u8fdb\u5f0f\u7f51\u9875\u5e94\u7528\uff09\u7ed3\u5408Service Worker\u6280\u672f\uff0c\u5c31\u80fd\u8ba9\u7f51\u9875\u5e94\u7528\u62e5\u6709\u7c7b\u4f3c\u539f\u751fApp\u7684\u79bb\u7ebf\u80fd\u529b\uff0c\u5177\u4f53\u8be5\u5982\u4f55\u7528Service Worker\u5b9e\u73b0\u79bb\u7ebfPWA\u5e94\u7528\u5462\uff1f\u6211\u4eec\u4e00\u6b65\u6b65\u6765\u62c6\u89e3\u8fd9\u4e2a\u95ee\u9898\u3002<\/p>

\u5148\u641e\u6e05\u695aService Worker\u548cPWA\u7684\u6838\u5fc3\u6982\u5ff5<\/h2>

Service Worker\u662f\u4e00\u79cd\u8fd0\u884c\u5728\u6d4f\u89c8\u5668\u540e\u53f0\u7684\u72ec\u7acb\u811a\u672c\uff0c\u5b83\u4e0d\u4f9d\u8d56\u7f51\u9875\u7684\u751f\u547d\u5468\u671f\uff0c\u80fd\u62e6\u622a\u7f51\u7edc\u8bf7\u6c42\u3001\u7ba1\u7406\u7f13\u5b58\u3001\u63a8\u9001\u901a\u77e5\u7b49\uff0c\u7b80\u5355\u8bf4\uff0c\u5b83\u5c31\u50cf\u4e00\u4e2a\u201c\u4e2d\u95f4\u4eba\u201d\uff0c\u5e2e\u4f60\u51b3\u5b9a\u7f51\u9875\u52a0\u8f7d\u65f6\u662f\u4ece\u7f13\u5b58\u53d6\u8d44\u6e90\uff0c\u8fd8\u662f\u4ece\u7f51\u7edc\u83b7\u53d6\uff0c\u800cPWA\u5219\u662f\u901a\u8fc7Web\u6280\u672f\uff08HTML\u3001CSS\u3001JS\uff09\u6253\u9020\u7684\u5e94\u7528\uff0c\u5b83\u878d\u5408\u4e86\u7f51\u9875\u7684\u7075\u6d3b\u6027\u548c\u539f\u751fApp\u7684\u4f53\u9a8c\uff08\u6bd4\u5982\u79bb\u7ebf\u53ef\u7528\u3001\u6dfb\u52a0\u5230\u684c\u9762\u3001\u63a8\u9001\u901a\u77e5\u7b49\uff09\uff0c\u5176\u4e2d\u79bb\u7ebf\u80fd\u529b<\/strong>\u662fPWA\u7684\u6838\u5fc3\u7279\u6027\u4e4b\u4e00\uff0c\u800c\u8fd9\u4e2a\u80fd\u529b\u4e3b\u8981\u9760Service Worker\u6765\u5b9e\u73b0\u3002<\/p>

PWA\u7684\u4f18\u52bf\u5f88\u660e\u663e\uff1a\u7528\u6237\u4e0d\u9700\u8981\u4e0b\u8f7d\u5b89\u88c5\u5305\uff0c\u901a\u8fc7\u6d4f\u89c8\u5668\u8bbf\u95ee\u5c31\u80fd\u201c\u5b89\u88c5\u201d\u5e94\u7528\uff0c\u4e14\u79bb\u7ebf\u65f6\u4f9d\u7136\u80fd\u64cd\u4f5c\u5df2\u7f13\u5b58\u7684\u5185\u5bb9\uff0c\u6bd4\u5982\u8c37\u6b4c\u7684Flutter\u6587\u6863\u7f51\u7ad9\uff0c\u5c31\u7528PWA\u5b9e\u73b0\u4e86\u79bb\u7ebf\u9605\u8bfb\u529f\u80fd\uff0c\u6ca1\u7f51\u65f6\u4e5f\u80fd\u67e5\u770b\u4e4b\u524d\u52a0\u8f7d\u8fc7\u7684\u6587\u6863\u3002<\/p>

\u79bb\u7ebf\u529f\u80fd\u7684\u6838\u5fc3\u539f\u7406\uff1a\u7f13\u5b58\u4e0e\u62e6\u622a<\/h2>

Service Worker\u5b9e\u73b0\u79bb\u7ebf\u7684\u6838\u5fc3\u903b\u8f91\uff0c\u56f4\u7ed5\u201c\u7f13\u5b58\u8d44\u6e90\u201d<\/strong>\u548c\u201c\u62e6\u622a\u8bf7\u6c42\u201d<\/strong>\u4e24\u4e2a\u73af\u8282\u5c55\u5f00\uff1a<\/p>

\u7f13\u5b58\u8d44\u6e90\uff1a\u628a\u9700\u8981\u7684\u6587\u4ef6\u5b58\u8d77\u6765<\/h3>

\u6d4f\u89c8\u5668\u63d0\u4f9b\u4e86Cache Storage<\/code> API\uff0cService Worker\u53ef\u4ee5\u5728install<\/code>\u4e8b\u4ef6\u4e2d\uff0c\u628a\u7f51\u9875\u7684HTML\u3001CSS\u3001JS\u3001\u56fe\u7247\u7b49\u8d44\u6e90\u7f13\u5b58\u5230\u672c\u5730\uff0c\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u4e00\u4e2a\u7535\u5546PWA\u4f1a\u7f13\u5b58\u5546\u54c1\u5217\u8868\u9875\u7684\u9759\u6001\u8d44\u6e90\uff0c\u8fd9\u6837\u79bb\u7ebf\u65f6\u7528\u6237\u6253\u5f00\u9875\u9762\uff0c\u80fd\u5feb\u901f\u770b\u5230\u4e4b\u524d\u52a0\u8f7d\u8fc7\u7684\u5546\u54c1\u754c\u9762\u3002<\/p>

\u62e6\u622a\u8bf7\u6c42\uff1a\u51b3\u5b9a\u8d44\u6e90\u4ece\u54ea\u6765<\/h3>

\u5f53\u7f51\u9875\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42\uff08\u6bd4\u5982\u52a0\u8f7d\u56fe\u7247\u3001\u8bf7\u6c42\u63a5\u53e3\u6570\u636e\uff09\u65f6\uff0cService Worker\u7684fetch<\/code>\u4e8b\u4ef6\u4f1a\u62e6\u622a\u8fd9\u4e2a\u8bf7\u6c42\uff0c\u8fd9\u65f6\uff0c\u5b83\u53ef\u4ee5\u9009\u62e9\u4ece\u7f13\u5b58\u4e2d\u8fd4\u56de\u8d44\u6e90\uff08\u79bb\u7ebf\u65f6\u7528\uff09\uff0c\u6216\u8005\u4ece\u7f51\u7edc\u83b7\u53d6\u6700\u65b0\u8d44\u6e90\uff08\u5728\u7ebf\u65f6\u66f4\u65b0\u7f13\u5b58\uff09\uff0c\u4e0d\u540c\u7684\u201c\u9009\u62e9\u7b56\u7565\u201d\u5bf9\u5e94\u4e0d\u540c\u7684\u573a\u666f\uff1a<\/p>

  • Cache First\uff08\u7f13\u5b58\u4f18\u5148\uff09<\/strong>\uff1a\u5148\u67e5\u7f13\u5b58\uff0c\u6709\u5c31\u7528\uff0c\u6ca1\u6709\u518d\u8d70\u7f51\u7edc\uff0c\u9002\u5408\u9759\u6001\u8d44\u6e90\uff08\u5982CSS\u3001JS\uff09\uff0c\u56e0\u4e3a\u8fd9\u4e9b\u6587\u4ef6\u66f4\u65b0\u9891\u7387\u4f4e\u3002<\/p><\/li>

  • Network First\uff08\u7f51\u7edc\u4f18\u5148\uff09<\/strong>\uff1a\u5148\u5c1d\u8bd5\u7f51\u7edc\u8bf7\u6c42\uff0c\u5931\u8d25\u4e86\u518d\u7528\u7f13\u5b58\uff0c\u9002\u5408\u9700\u8981\u5b9e\u65f6\u6027\u7684\u5185\u5bb9\uff0c\u6bd4\u5982\u65b0\u95fb\u8d44\u8baf\u7684\u6700\u65b0\u6587\u7ae0\u3002<\/p><\/li>

  • Stale-While-Revalidate\uff08\u5148\u7f13\u5b58\u540e\u9a8c\u8bc1\uff09<\/strong>\uff1a\u5148\u8fd4\u56de\u7f13\u5b58\u7684\u65e7\u5185\u5bb9\uff0c\u540c\u65f6\u540e\u53f0\u7528\u7f51\u7edc\u8bf7\u6c42\u66f4\u65b0\u7f13\u5b58\uff0c\u8fd9\u6837\u7528\u6237\u80fd\u5feb\u901f\u770b\u5230\u5185\u5bb9\uff0c\u540e\u53f0\u6084\u6084\u66f4\u65b0\uff0c\u4e0b\u6b21\u6253\u5f00\u5c31\u662f\u6700\u65b0\u7684\u4e86\uff0c\u9002\u5408\u535a\u5ba2\u3001\u6587\u6863\u7c7b\u5185\u5bb9\u3002<\/p><\/li><\/ul>

    \u5b9e\u73b0\u79bb\u7ebfPWA\u7684\u5177\u4f53\u6b65\u9aa4<\/h2>

    \u6211\u4eec\u4ee5\u4e00\u4e2a\u7b80\u5355\u7684\u201c\u79bb\u7ebf\u535a\u5ba2\u201dPWA\u4e3a\u4f8b\uff0c\u770b\u770b\u5177\u4f53\u600e\u4e48\u7528Service Worker\u5b9e\u73b0\u79bb\u7ebf\u529f\u80fd\uff1a<\/p>

    \u6ce8\u518cService Worker<\/h3>

    \u5728\u7f51\u9875\u7684\u4e3bJS\u6587\u4ef6\u4e2d\uff0c\u901a\u8fc7navigator.serviceWorker.register()<\/code>\u65b9\u6cd5\u6ce8\u518cService Worker\u811a\u672c\uff0c\u4ee3\u7801\u5927\u6982\u957f\u8fd9\u6837\uff1a<\/p>

    if ('serviceWorker' in navigator) {\n  window.addEventListener('load', () => {\n    navigator.serviceWorker.register('\/service-worker.js')\n      .then(reg => console.log('Service Worker\u6ce8\u518c\u6210\u529f'))\n      .catch(err => console.error('\u6ce8\u518c\u5931\u8d25\uff1a', err));\n  });\n}<\/pre>
    \u8fd9\u6bb5\u4ee3\u7801\u7684\u4f5c\u7528\u662f\uff1a\u5f53\u6d4f\u89c8\u5668\u652f\u6301Service Worker\u65f6\uff0c\u5728\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\uff0c\u6ce8\u518cservice-worker.js<\/code>\u8fd9\u4e2a\u811a\u672c\u3002<\/p>
    \u7f13\u5b58\u521d\u59cb\u5316\uff1a\u5728install\u4e8b\u4ef6\u4e2d\u5b58\u8d44\u6e90<\/h3>
    \u5728service-worker.js<\/code>\u4e2d\uff0c\u76d1\u542cinstall<\/code>\u4e8b\u4ef6\uff0c\u628a\u9700\u8981\u7684\u8d44\u6e90\u7f13\u5b58\u8d77\u6765\uff1a<\/p>
    self.addEventListener('install', event => {\n  event.waitUntil(\n    caches.open('my-blog-v1') \/\/ \u6253\u5f00\u540d\u4e3amy-blog-v1\u7684\u7f13\u5b58\u7a7a\u95f4\n      .then(cache => cache.addAll([ \/\/ \u7f13\u5b58\u4e00\u7cfb\u5217\u8d44\u6e90\n        '\/',\n        '\/index.html',\n        '\/styles.css',\n        '\/app.js',\n        '\/images\/logo.png'\n      ]))\n  );\n});<\/pre>
    \u8fd9\u91cc\u7528cache.addAll()<\/code>\u4e00\u6b21\u6027\u7f13\u5b58\u591a\u4e2a\u6587\u4ef6\uff0cevent.waitUntil()<\/code>\u786e\u4fddService Worker\u5728\u7f13\u5b58\u5b8c\u6210\u524d\u4e0d\u4f1a\u8fdb\u5165\u6fc0\u6d3b\u72b6\u6001\u3002<\/p>
    \u62e6\u622a\u8bf7\u6c42\uff1a\u5728fetch\u4e8b\u4ef6\u4e2d\u51b3\u5b9a\u8d44\u6e90\u6765\u6e90<\/h3>
    \u76d1\u542cfetch<\/code>\u4e8b\u4ef6\uff0c\u6839\u636e\u7b56\u7565\u8fd4\u56de\u8d44\u6e90\uff1a<\/p>
    self.addEventListener('fetch', event => {\n  event.respondWith(\n    caches.match(event.request) \/\/ \u5148\u67e5\u7f13\u5b58\u91cc\u6709\u6ca1\u6709\u8fd9\u4e2a\u8bf7\u6c42\u7684\u8d44\u6e90\n      .then(response => {\n        if (response) { \/\/ \u7f13\u5b58\u91cc\u6709\uff0c\u5c31\u8fd4\u56de\u7f13\u5b58\u7684\u8d44\u6e90\n          return response;\n        }\n        \/\/ \u7f13\u5b58\u91cc\u6ca1\u6709\uff0c\u5c31\u8d70\u7f51\u7edc\u8bf7\u6c42\n        return fetch(event.request);\n      })\n  );\n});<\/pre>
    \u8fd9\u6bb5\u4ee3\u7801\u7528\u4e86Cache First<\/strong>\u7b56\u7565\uff0c\u4f18\u5148\u8fd4\u56de\u7f13\u5b58\u8d44\u6e90\uff0c\u6ca1\u6709\u7684\u8bdd\u518d\u8bf7\u6c42\u7f51\u7edc\uff0c\u5982\u679c\u8981\u5b9e\u73b0\u66f4\u590d\u6742\u7684\u7b56\u7565\uff08\u6bd4\u5982Stale-While-Revalidate\uff09\uff0c\u53ef\u4ee5\u5728\u8fd4\u56de\u7f13\u5b58\u540e\uff0c\u540e\u53f0\u7528fetch<\/code>\u66f4\u65b0\u7f13\u5b58\u3002<\/p>
    \u7f13\u5b58\u66f4\u65b0\uff1a\u5728activate\u4e8b\u4ef6\u4e2d\u6e05\u7406\u65e7\u7f13\u5b58<\/h3>
    \u5f53Service Worker\u66f4\u65b0\u7248\u672c\u65f6\uff08\u6bd4\u5982\u7f13\u5b58\u540d\u79f0\u4ecemy-blog-v1<\/code>\u53d8\u6210my-blog-v2<\/code>\uff09\uff0c\u9700\u8981\u6e05\u7406\u65e7\u7684\u7f13\u5b58\uff0c\u907f\u514d\u5360\u7528\u7a7a\u95f4\uff0c\u76d1\u542cactivate<\/code>\u4e8b\u4ef6\uff1a<\/p>
    self.addEventListener('activate', event => {\n  event.waitUntil(\n    caches.keys() \/\/ \u83b7\u53d6\u6240\u6709\u7f13\u5b58\u7684\u540d\u79f0\n      .then(cacheNames => {\n        return Promise.all(\n          cacheNames.filter(name => name !== 'my-blog-v2') \/\/ \u8fc7\u6ee4\u51fa\u65e7\u7f13\u5b58\n            .map(name => caches.delete(name)) \/\/ \u5220\u9664\u65e7\u7f13\u5b58\n        );\n      })\n  );\n});<\/pre>
    \u8fd9\u6837\uff0c\u5f53\u65b0\u7684Service Worker\u6fc0\u6d3b\u65f6\uff0c\u4f1a\u81ea\u52a8\u6e05\u7406\u6389\u65e7\u7248\u672c\u7684\u7f13\u5b58\u3002<\/p>
    \u5e38\u89c1\u95ee\u9898\u4e0e\u4f18\u5316\u65b9\u5411<\/h2>
    \u5b9e\u73b0\u8fc7\u7a0b\u4e2d\uff0c\u4f60\u53ef\u80fd\u4f1a\u9047\u5230\u8fd9\u4e9b\u95ee\u9898\uff0c\u9700\u8981\u9488\u5bf9\u6027\u4f18\u5316\uff1a<\/p>
    \u7f13\u5b58\u66f4\u65b0\u4e0d\u53ca\u65f6\uff0c\u7528\u6237\u770b\u4e0d\u5230\u65b0\u5185\u5bb9\uff1f<\/h3>
    \u53ef\u4ee5\u5728Service Worker\u4e2d\u6dfb\u52a0\u201c\u66f4\u65b0\u63d0\u793a\u201d\u903b\u8f91\uff1a\u5f53\u68c0\u6d4b\u5230\u65b0\u7684Service Worker\u7248\u672c\u65f6\uff0c\u901a\u8fc7postMessage<\/code>\u901a\u77e5\u7f51\u9875\uff0c\u5f39\u51fa\u201c\u6709\u65b0\u7248\u672c\uff0c\u662f\u5426\u5237\u65b0\uff1f\u201d\u7684\u63d0\u793a\uff0c\u7528\u6237\u786e\u8ba4\u540e\uff0c\u8c03\u7528location.reload()<\/code>\u5e76\u6fc0\u6d3b\u65b0Service Worker\u3002<\/p>
    \u7f13\u5b58\u7a7a\u95f4\u6709\u9650\uff0c\u5982\u4f55\u7ba1\u7406\uff1f<\/h3>
    \u6d4f\u89c8\u5668\u5bf9Cache Storage\u7684\u7a7a\u95f4\u9650\u5236\u4e0d\u4e00\uff08\u901a\u5e38\u51e0\u767eMB\u5230\u51e0GB\uff09\uff0c\u6240\u4ee5\u8981\u5b9a\u671f\u6e05\u7406\u65e7\u7f13\u5b58\uff0c\u6216\u8005\u5bf9\u7f13\u5b58\u7684\u8d44\u6e90\u5927\u5c0f\u505a\u9650\u5236\uff08\u6bd4\u5982\u53ea\u7f13\u5b58\u9996\u5c4f\u56fe\u7247\uff0c\u4e0d\u7f13\u5b58\u5927\u89c6\u9891\uff09\uff0c\u53ef\u4ee5\u5728fetch<\/code>\u4e8b\u4ef6\u4e2d\uff0c\u68c0\u67e5\u7f13\u5b58\u7684\u8d44\u6e90\u6570\u91cf\uff0c\u8d85\u8fc7\u9608\u503c\u65f6\u5220\u9664\u6700\u65e9\u7684\u7f13\u5b58\u3002<\/p>
    \u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u95ee\u9898\uff1f<\/h3>
    \u867d\u7136\u73b0\u4ee3\u6d4f\u89c8\u5668\uff08Chrome\u3001Edge\u3001Firefox\u7b49\uff09\u90fd\u652f\u6301Service Worker\uff0c\u4f46Safari\u7684\u652f\u6301\u76f8\u5bf9\u6ede\u540e\uff08\u76f4\u5230iOS 11.3\u624d\u652f\u6301\uff09\uff0c\u53ef\u4ee5\u901a\u8fc7\u201c\u529f\u80fd\u68c0\u6d4b\u201d\u964d\u7ea7\u5904\u7406\uff1a\u5982\u679c\u6d4f\u89c8\u5668\u4e0d\u652f\u6301Service Worker\uff0c\u5c31\u63d0\u793a\u7528\u6237\u201c\u8bf7\u4f7f\u7528\u652f\u6301PWA\u7684\u6d4f\u89c8\u5668\u201d\uff0c\u6216\u8005\u53ea\u63d0\u4f9b\u57fa\u7840\u7684\u79bb\u7ebf\u4f53\u9a8c\uff08\u6bd4\u5982\u7528localStorage\u7f13\u5b58\u5c11\u91cf\u6570\u636e\uff09\u3002<\/p>
    \u7684\u79bb\u7ebf\u5904\u7406\uff1f<\/h3>
    \u5bf9\u4e8e\u9700\u8981\u5b9e\u65f6\u66f4\u65b0\u7684\u6570\u636e\uff08\u6bd4\u5982\u7528\u6237\u7684\u8d2d\u7269\u8f66\u3001\u672a\u8bfb\u6d88\u606f\uff09\uff0c\u5355\u7eaf\u7684\u7f13\u5b58\u53ef\u80fd\u4e0d\u591f\uff0c\u53ef\u4ee5\u7ed3\u5408IndexedDB<\/code>\u5b58\u50a8\u52a8\u6001\u6570\u636e\uff0c\u79bb\u7ebf\u65f6\u4eceIndexedDB\u8bfb\u53d6\uff0c\u5728\u7ebf\u65f6\u540c\u6b65\u5230\u670d\u52a1\u5668\u3002<\/p>
    \u5b9e\u9645\u6848\u4f8b\uff1a\u6253\u9020\u79bb\u7ebf\u9605\u8bfbPWA<\/h2>
    \u6211\u4eec\u4ee5\u4e00\u4e2a\u201c\u6280\u672f\u535a\u5ba2\u201dPWA\u4e3a\u4f8b\uff0c\u770b\u770b\u5b8c\u6574\u7684\u79bb\u7ebf\u903b\u8f91\uff1a<\/p>
    1. \u7f13\u5b58\u7b56\u7565<\/strong>\uff1a\u9759\u6001\u8d44\u6e90\uff08CSS\u3001JS\u3001\u9996\u9875HTML\uff09\u7528Cache First<\/code>\uff08HTML\uff09\u7528Stale-While-Revalidate<\/code>\uff08\u5148\u663e\u793a\u7f13\u5b58\u7684\u6587\u7ae0\uff0c\u540e\u53f0\u66f4\u65b0\uff09\uff1b\u56fe\u7247\u7528Cache First<\/code>\uff0c\u4f46\u9650\u5236\u5927\u5c0f\uff08\u53ea\u7f13\u5b58\u9996\u5c4f3\u5f20\u56fe\uff09\u3002<\/p><\/li>
    2. \u79bb\u7ebf\u4ea4\u4e92<\/strong>\uff1a\u7528\u6237\u79bb\u7ebf\u65f6\uff0c\u70b9\u51fb\u201c\u6536\u85cf\u6587\u7ae0\u201d\u6309\u94ae\uff0c\u5c06\u6587\u7ae0ID\u5b58\u5230IndexedDB<\/code>\uff0c\u5728\u7ebf\u540e\u540c\u6b65\u5230\u670d\u52a1\u5668\u7684\u6536\u85cf\u5217\u8868\u3002<\/p><\/li>
    3. \u66f4\u65b0\u903b\u8f91<\/strong>\uff1a\u5f53\u4f5c\u8005\u53d1\u5e03\u65b0\u6587\u7ae0\u65f6\uff0cService Worker\u68c0\u6d4b\u5230\u9996\u9875\u7684\u66f4\u65b0\uff08\u6bd4\u5982RSS feed\u53d8\u5316\uff09\uff0c\u81ea\u52a8\u66f4\u65b0\u7f13\u5b58\u7684\u9996\u9875HTML\uff0c\u5e76\u901a\u77e5\u7528\u6237\u201c\u6709\u65b0\u6587\u7ae0\u201d\u3002<\/p><\/li><\/ol>
      \u8fd9\u6837\u7684PWA\uff0c\u65e2\u4fdd\u8bc1\u4e86\u79bb\u7ebf\u65f6\u7684\u9605\u8bfb\u4f53\u9a8c\uff0c\u53c8\u80fd\u5728\u5728\u7ebf\u65f6\u81ea\u52a8\u540c\u6b65\u6700\u65b0\u5185\u5bb9\uff0c\u7528\u6237\u51e0\u4e4e\u611f\u89c9\u4e0d\u5230\u201c\u79bb\u7ebf\u201d\u548c\u201c\u5728\u7ebf\u201d\u7684\u5dee\u5f02\u3002<\/p>
      \u7528Service Worker\u5b9e\u73b0\u79bb\u7ebfPWA\uff0c\u6838\u5fc3\u662f\u201c\u7f13\u5b58\u8d44\u6e90+\u62e6\u622a\u8bf7\u6c42+\u667a\u80fd\u66f4\u65b0\u201d<\/strong>\u7684\u7ec4\u5408\u62f3\uff0c\u4ece\u6ce8\u518cService Worker\u3001\u521d\u59cb\u5316\u7f13\u5b58\uff0c\u5230\u62e6\u622a\u8bf7\u6c42\u7684\u7b56\u7565\u9009\u62e9\uff0c\u518d\u5230\u7f13\u5b58\u7684\u66f4\u65b0\u4e0e\u7ba1\u7406\uff0c\u6bcf\u4e2a\u73af\u8282\u90fd\u9700\u8981\u7ed3\u5408\u4e1a\u52a1\u573a\u666f\u4f18\u5316\uff0c\u53ea\u8981\u638c\u63e1\u8fd9\u4e9b\u6280\u672f\u70b9\uff0c\u4f60\u5c31\u80fd\u6253\u9020\u51fa\u201c\u65ad\u7f51\u4e5f\u80fd\u7528\u201d\u7684PWA\u5e94\u7528\uff0c\u8ba9\u7528\u6237\u5728\u4efb\u4f55\u7f51\u7edc\u73af\u5883\u4e0b\u90fd\u80fd\u6d41\u7545\u4f7f\u7528\u4f60\u7684\u4ea7\u54c1\uff0c\u4e0d\u59a8\u52a8\u624b\u8bd5\u8bd5\u2014\u2014\u7ed9\u4f60\u7684\u7f51\u9875\u52a0\u4e2aService Worker,\u770b\u770b\u79bb\u7ebf\u4f53\u9a8c\u80fd\u63d0\u5347\u591a\u5c11\u5427\uff01<\/p>","pubDate":"Sat, 04 Apr 2026 14:59:41 +0800"},{"title":"\u54cd\u5e94\u5f0f\u56fe\u7247\u7684srcset\u5c5e\u6027\u8be5\u600e\u4e48\u7528\uff1f\u4e00\u7bc7\u6df1\u5ea6\u89e3\u6790\u5e2e\u4f60\u641e\u61c2\uff01","link":"https:\/\/www.jiangweishan.com\/article\/srcset-shuxn-sdfh1.html","description":"
      \"\u54cd\u5e94\u5f0f\u56fe\u7247\u7684srcset\u5c5e\u6027\u8be5\u600e\u4e48\u7528\"<\/p>
      \u5728\u54cd\u5e94\u5f0f\u7f51\u9875\u8bbe\u8ba1\u4e2d,\u56fe\u7247\u7684\u81ea\u9002\u5e94\u52a0\u8f7d\u4e00\u76f4\u662f\u4e2a\u5173\u952e\u96be\u9898\u2014\u2014\u624b\u673a\u4e0a\u52a0\u8f7d\u8d85\u5927\u56fe\u4f1a\u62d6\u6162\u901f\u5ea6\uff0cRetina\u5c4f\u5e55\u4e0a\u666e\u901a\u56fe\u53c8\u4f1a\u6a21\u7cca\uff0cHTML\u7684srcset<\/code>\u5c5e\u6027\u5c31\u662f\u4e3a\u89e3\u51b3\u8fd9\u7c7b\u95ee\u9898\u800c\u751f\u7684\uff0c\u4f46\u5b83\u7684\u8bed\u6cd5\u89c4\u5219\u3001\u642d\u914d\u6280\u5de7\u8fd8\u6709\u4e0d\u5c11\u4eba\u6ca1\u641e\u6e05\u695a\uff0c\u8fd9\u7bc7\u6587\u7ae0\u4f1a\u7528\u95ee\u7b54\u7684\u5f62\u5f0f\uff0c\u628asrcset<\/code>\u7684\u6838\u5fc3\u77e5\u8bc6\u70b9\u3001\u4f7f\u7528\u8bef\u533a\u90fd\u62c6\u89e3\u660e\u767d\uff0c\u5e2e\u4f60\u771f\u6b63\u638c\u63e1\u54cd\u5e94\u5f0f\u56fe\u7247\u7684\u52a0\u8f7d\u903b\u8f91\u3002<\/p>
      \u95ee\u98981\uff1a\u4ec0\u4e48\u662fsrcset\u5c5e\u6027\uff1f\u5b83\u548cimg\u6807\u7b7e\u7684src\u6709\u4ec0\u4e48\u533a\u522b\uff1f<\/h2>
      srcset<\/code>\u662fHTML5\u4e2d\u4e3aimg<\/code>\u6807\u7b7e\u65b0\u589e\u7684\u5c5e\u6027\uff0c\u4f5c\u7528\u662f\u7ed9\u6d4f\u89c8\u5668\u63d0\u4f9b**\u591a\u7ec4\u4e0d\u540c\u89c4\u683c\u7684\u56fe\u7247\u8d44\u6e90**\uff0c\u8ba9\u6d4f\u89c8\u5668\u80fd\u6839\u636e\u8bbe\u5907\u7684\u50cf\u7d20\u5bc6\u5ea6\u3001\u5c4f\u5e55\u5bbd\u5ea6\u7b49\u6761\u4ef6\uff0c\u81ea\u52a8\u6311\u9009\u6700\u9002\u5408\u7684\u56fe\u7247\u52a0\u8f7d\uff0c\u800c\u4f20\u7edf\u7684src<\/code>\u5c5e\u6027\uff0c\u53ea\u662f\u6307\u5b9a\u4e86\u4e00\u5f20\u9ed8\u8ba4\u7684\u56fe\u7247\u5730\u5740\u3002<\/p>
      \u4e3e\u4e2a\u4f8b\u5b50\uff1a\u5982\u679c\u4f60\u7684\u9875\u9762\u8981\u9002\u914d\u624b\u673a\u548c\u7535\u8111\uff0c\u7528src<\/code>\u7684\u8bdd\uff0c\u53ea\u80fd\u52a0\u8f7d\u540c\u4e00\u5f20\u56fe\u2014\u2014\u8981\u4e48\u624b\u673a\u7aef\u52a0\u8f7d\u5927\u56fe\u7247\uff08\u6d6a\u8d39\u6d41\u91cf\u3001\u52a0\u8f7d\u6162\uff09\uff0c\u8981\u4e48\u7535\u8111\u7aef\u52a0\u8f7d\u5c0f\u56fe\u7247\uff08\u663e\u793a\u6a21\u7cca\uff09\uff0c\u4f46\u7528srcset<\/code>\u7684\u8bdd\uff0c\u4f60\u53ef\u4ee5\u63d0\u4f9b\u201c\u5c0f\u56fe\uff08\u624b\u673a\u7528\uff09+\u5927\u56fe\uff08\u7535\u8111\u7528\uff09\u201d\u201c\u666e\u901a\u5206\u8fa8\u7387\u56fe+Retina\u56fe\u201d\u7b49\u591a\u7ec4\u9009\u9879\uff0c\u6d4f\u89c8\u5668\u4f1a\u7ed3\u5408\u8bbe\u5907\u7279\u6027\uff08\u6bd4\u5982\u5c4f\u5e55\u5bbd\u5ea6\u3001\u50cf\u7d20\u5bc6\u5ea6\uff09\u6765\u667a\u80fd\u9009\u62e9\u3002<\/p>
      \u9700\u8981\u6ce8\u610f\u7684\u662f,src<\/code>\u5c5e\u6027\u662f\u201c\u4fdd\u5e95\u65b9\u6848\u201d\uff1a\u5f53\u6d4f\u89c8\u5668\u4e0d\u652f\u6301srcset<\/code>\uff0c\u6216\u8005srcset<\/code>\u7684\u6761\u4ef6\u65e0\u6cd5\u5339\u914d\u65f6\uff0c\u4f1a\u9ed8\u8ba4\u52a0\u8f7dsrc<\/code>\u6307\u5b9a\u7684\u56fe\u7247\uff0c\u6240\u4ee5\u5b9e\u9645\u4f7f\u7528\u4e2d\uff0c\u901a\u5e38\u4f1a\u540c\u65f6\u5199src<\/code>\u548csrcset<\/code>\uff0c\u8ba9\u517c\u5bb9\u6027\u66f4\u597d\u3002<\/p>
      \u95ee\u98982\uff1a\u4e3a\u4ec0\u4e48\u5fc5\u987b\u7528srcset\uff1f\u4f20\u7edf\u56fe\u7247\u52a0\u8f7d\u7684\u75db\u70b9\u5728\u54ea\uff1f<\/h2>
      \u4f20\u7edfimg<\/code>\u6807\u7b7e\u53ea\u5199src<\/code>\u7684\u8bdd\uff0c\u4f1a\u9047\u5230\u4e24\u4e2a\u6838\u5fc3\u75db\u70b9\uff1a<\/p>
      #### \uff081\uff09\u5206\u8fa8\u7387\u9002\u914d\u5dee\uff0c\u56fe\u7247\u6a21\u7cca\u6216\u6d6a\u8d39\u5e26\u5bbd<\/p>
      \u73b0\u5728\u8bbe\u5907\u7684\u50cf\u7d20\u5bc6\u5ea6\uff08DPR\uff09\u5dee\u5f02\u6781\u5927\uff1a\u624b\u673a\u53ef\u80fd\u662f2x\u30013x\u7684Retina\u5c4f\uff0c\u5e73\u677f\u53ef\u80fd\u662f1.5x\uff0c\u7535\u8111\u53ef\u80fd\u662f1x\u62162x\uff0c\u5982\u679c\u53ea\u52a0\u8f7d\u4e00\u5f20\u666e\u901a\u56fe\uff08\u6bd4\u59821x\u5206\u8fa8\u7387\uff09\uff0c\u5728\u9ad8DPR\u7684\u5c4f\u5e55\u4e0a\uff0c\u56fe\u7247\u4f1a\u88ab\u62c9\u4f38\u653e\u5927\uff0c\u51fa\u73b0\u952f\u9f7f\u3001\u6a21\u7cca\uff1b\u4f46\u5982\u679c\u4e3a\u4e86Retina\u5c4f\uff0c\u76f4\u63a5\u52a0\u8f7d3x\u7684\u5927\u56fe\uff0c\u5728\u666e\u901a\u5c4f\u5e55\u4e0a\u53c8\u4f1a\u6d6a\u8d39\u5e26\u5bbd\uff08\u52a0\u8f7d\u4e86\u8fdc\u8d85\u9700\u6c42\u7684\u50cf\u7d20\uff09\u3002<\/p>
      #### \uff082\uff09\u5c4f\u5e55\u5bbd\u5ea6\u9002\u914d\u5dee\uff0c\u52a0\u8f7d\u6548\u7387\u4f4e<\/p>
      \u73b0\u5728\u8bbe\u5907\u7684\u5c4f\u5e55\u5bbd\u5ea6\u5dee\u5f02\u4e5f\u6781\u5927\uff1a\u624b\u673a\u53ef\u80fd\u662f320px-428px\uff0c\u5e73\u677f\u53ef\u80fd\u662f768px-1024px\uff0c\u7535\u8111\u53ef\u80fd\u662f1280px-2560px\uff0c\u5982\u679c\u56fe\u7247\u5728\u624b\u673a\u4e0a\u663e\u793a\u5bbd\u5ea6\u662f100%\uff0c\u4f46\u4f60\u53ea\u52a0\u8f7d\u4e00\u5f201920px\u7684\u5927\u56fe\uff0c\u624b\u673a\u7aef\u52a0\u8f7d\u8fd9\u5f20\u56fe\u4f1a\u6d88\u8017\u5927\u91cf\u6d41\u91cf\uff0c\u8fd8\u4f1a\u56e0\u4e3a\u6587\u4ef6\u592a\u5927\u5bfc\u81f4\u52a0\u8f7d\u7f13\u6162\uff0c\u5f71\u54cd\u9875\u9762\u901f\u5ea6\u3002<\/p>
      srcset<\/code>\u7684\u4ef7\u503c\u5c31\u5728\u4e8e**\u201c\u6309\u9700\u52a0\u8f7d\u201d**\uff1a\u8ba9\u4e0d\u540c\u8bbe\u5907\u53ea\u52a0\u8f7d\u81ea\u5df1\u9700\u8981\u7684\u56fe\u7247\u89c4\u683c\uff08\u5206\u8fa8\u7387\u3001\u5c3a\u5bf8\uff09\uff0c\u65e2\u4fdd\u8bc1\u663e\u793a\u6e05\u6670\uff0c\u53c8\u80fd\u8282\u7701\u6d41\u91cf\u3001\u63d0\u5347\u52a0\u8f7d\u901f\u5ea6\u3002<\/p>
      \u95ee\u98983\uff1asrcset\u7684\u8bed\u6cd5\u89c4\u5219\u662f\u600e\u6837\u7684\uff1f\u6709\u54ea\u4e9b\u5173\u952e\u53c2\u6570\uff1f<\/h2>
      srcset<\/code>\u7684\u8bed\u6cd5\u5206\u4e24\u79cd\u573a\u666f\uff0c\u5bf9\u5e94\u4e0d\u540c\u7684\u201c\u63cf\u8ff0\u7b26\u201d\uff08\u5373\u56fe\u7247\u8d44\u6e90\u7684\u201c\u6761\u4ef6\u6807\u7b7e\u201d\uff09\uff1a<\/p>
      #### \uff081\uff09\u57fa\u4e8e\u50cf\u7d20\u5bc6\u5ea6\u7684\u201cx\u63cf\u8ff0\u7b26\u201d<\/p>
      \u5f53\u4f60\u9700\u8981\u6839\u636e\u8bbe\u5907\u7684\u50cf\u7d20\u5bc6\u5ea6\uff08DPR\uff09\u6765\u9002\u914d\u65f6\uff0c\u7528x<\/code>\u63cf\u8ff0\u7b26\uff0c\u8bed\u6cd5\u683c\u5f0f\u662f\uff1asrcset="\u56fe\u7247\u5730\u57401 1x, \u56fe\u7247\u5730\u57402 2x, \u56fe\u7247\u5730\u57403 3x"<\/code>\uff0c\u8fd9\u91cc\u7684\u201c1x\u30012x\u30013x\u201d\u4ee3\u8868\u50cf\u7d20\u5bc6\u5ea6\u7684\u500d\u6570\uff0c\u6d4f\u89c8\u5668\u4f1a\u6839\u636e\u8bbe\u5907\u7684\u5b9e\u9645DPR\u6765\u9009\u62e9\uff1a\u6bd4\u5982\u624b\u673aDPR\u662f2x\uff0c\u5c31\u4f1a\u4f18\u5148\u52a0\u8f7d2x\u7684\u56fe\uff1b\u5982\u679c\u6ca1\u67092x\u7684\u56fe\uff0c\u4f1a\u964d\u7ea7\u90091x\u62163x\uff08\u4f463x\u53ef\u80fd\u6d6a\u8d39\u5e26\u5bbd\uff09\u3002<\/p>
      \u4e3e\u4e2a\u5b9e\u9645\u573a\u666f\uff1a\u4f60\u505a\u4e86\u4e00\u5f20logo\uff0c\u9700\u8981\u5728\u4e0d\u540cDPR\u7684\u5c4f\u5e55\u4e0a\u90fd\u6e05\u6670\uff0c\u53ef\u4ee5\u51c6\u5907\u4e09\u5f20\u56fe\uff1alogo-1x.png<\/code>\uff08300px\u5bbd\uff0c1x\uff09\u3001logo-2x.png<\/code>\uff08600px\u5bbd\uff0c2x\uff09\u3001logo-3x.png<\/code>\uff08900px\u5bbd\uff0c3x\uff09\uff0c\u7136\u540e\u5199\uff1a<\/p>
      <img src="logo-1x.png" srcset="logo-1x.png 1x, logo-2x.png 2x, logo-3x.png 3x" alt="logo"><\/code><\/p>
      \u8fd9\u6837,iPhone\uff082x DPR\uff09\u4f1a\u52a0\u8f7dlogo-2x.png<\/code>\uff0c\u5b89\u5353\u65d7\u8230\uff083x DPR\uff09\u4f1a\u52a0\u8f7dlogo-3x.png<\/code>\uff0c\u666e\u901a\u7535\u8111\uff081x DPR\uff09\u4f1a\u52a0\u8f7dlogo-1x.png<\/code>\uff0c\u65e2\u4fdd\u8bc1\u6e05\u6670\uff0c\u53c8\u907f\u514d\u6d6a\u8d39\u3002<\/p>
      \uff082\uff09\u57fa\u4e8e\u5c4f\u5e55\u5bbd\u5ea6\u7684\u201cw\u63cf\u8ff0\u7b26\u201d\uff08\u9700\u642d\u914dsizes\uff09<\/h3>
      \u5f53\u56fe\u7247\u7684**\u663e\u793a\u5bbd\u5ea6**\u4f1a\u968f\u5c4f\u5e55\u5bbd\u5ea6\u53d8\u5316\u65f6\uff08\u6bd4\u5982\u54cd\u5e94\u5f0f\u5e03\u5c40\u4e2d\uff0c\u56fe\u7247\u5728\u624b\u673a\u4e0a\u5360\u6ee1\u5c4f\uff0c\u5728\u7535\u8111\u4e0a\u5360\u4e00\u534a\uff09\uff0cx<\/code>\u63cf\u8ff0\u7b26\u5c31\u4e0d\u591f\u7528\u4e86\u2014\u2014\u56e0\u4e3a\u5b83\u53ea\u770bDPR\uff0c\u4e0d\u770b\u5c4f\u5e55\u5bbd\u5ea6\uff0c\u8fd9\u65f6\u5019\u9700\u8981\u7528w<\/code>\u63cf\u8ff0\u7b26\uff0c\u7ed3\u5408sizes<\/code>\u5c5e\u6027\uff0c\u8ba9\u6d4f\u89c8\u5668\u6839\u636e\u201c\u5c4f\u5e55\u5bbd\u5ea6+DPR\u201d\u6765\u9009\u56fe\u3002<\/p>
      \u8bed\u6cd5\u903b\u8f91\u662f\uff1a\u5148\u901a\u8fc7sizes<\/code>\u544a\u8bc9\u6d4f\u89c8\u5668\u201c\u4e0d\u540c\u5c4f\u5e55\u5bbd\u5ea6\u4e0b\uff0c\u56fe\u7247\u7684\u663e\u793a\u5bbd\u5ea6\u662f\u591a\u5c11\u201d\uff0c\u518d\u901a\u8fc7srcset<\/code>\u63d0\u4f9b\u201c\u4e0d\u540c\u5bbd\u5ea6\u7684\u56fe\u7247\u8d44\u6e90\u201d\uff0c\u6d4f\u89c8\u5668\u4f1a\u8ba1\u7b97\u51fa\u201c\u9700\u8981\u7684\u50cf\u7d20\u5bbd\u5ea6\uff08\u663e\u793a\u5bbd\u5ea6 \u00d7 DPR\uff09\u201d\uff0c\u7136\u540e\u5728srcset<\/code>\u4e2d\u9009\u62e9**\u5bbd\u5ea6\u2265\u6240\u9700\u50cf\u7d20\u5bbd\u5ea6\u7684\u6700\u5c0f\u56fe\u7247**\u3002<\/p><\/code<>","pubDate":"Sat, 04 Apr 2026 14:58:30 +0800"},{"title":"\u8de8\u57df\u901a\u4fe1\u4e3a\u4f55\u9009postMessage\uff1f\u5b9e\u6218\u6280\u5de7\u4e0e\u573a\u666f\u5168\u89e3\u6790","link":"https:\/\/www.jiangweishan.com\/article\/postMessage-sdjfjsjthsdf.html","description":"
      \"\u8de8\u57df\u901a\u4fe1\u4e3a\u4f55\u9009postMessage\"<\/p>
      \u5728\u524d\u7aef\u5f00\u53d1\u91cc,\u8de8\u57df\u901a\u4fe1\u4e00\u76f4\u662f\u4e2a\u7ed5\u4e0d\u5f00\u7684\u96be\u9898\uff0c\u6bd4\u5982\u7f51\u9875\u5d4c\u5165\u7684iframe\u9700\u8981\u548c\u7236\u9875\u9762\u4f20\u6570\u636e\uff0c\u6216\u8005\u4e0d\u540c\u57df\u540d\u7684\u7a97\u53e3\u8981\u4ea4\u4e92\uff0c\u4f20\u7edf\u7684Cookie\u3001JSONP\u8fd9\u4e9b\u65b9\u6cd5\u8981\u4e48\u6709\u5b89\u5168\u9690\u60a3\uff0c\u8981\u4e48\u529f\u80fd\u53d7\u9650\uff0c\u8fd9\u65f6\u5019postMessage\u5c31\u6210\u4e86\u5f88\u591a\u5f00\u53d1\u8005\u7684\u201c\u6551\u661f\u201d\uff0c\u5b83\u5230\u5e95\u600e\u4e48\u7528\uff1f\u5b9e\u6218\u4e2d\u53c8\u6709\u54ea\u4e9b\u6280\u5de7\uff1f\u4eca\u5929\u6211\u4eec\u5c31\u6765\u6df1\u5165\u804a\u804a\u8de8\u57df\u901a\u4fe1\u91cc\u7684postMessage\u5b9e\u6218\u90a3\u4e9b\u4e8b\u3002<\/p>
      postMessage\u5230\u5e95\u662f\u4ec0\u4e48\uff1f<\/h2>
      postMessage\u662fHTML5\u65b0\u589e\u7684\u4e00\u4e2aAPI,\u5b83\u80fd\u8ba9\u4e0d\u540c\u6e90\uff08\u57df\u540d\u3001\u7aef\u53e3\u3001\u534f\u8bae\u4e0d\u540c\uff09\u7684\u7a97\u53e3\uff08\u6bd4\u5982\u7a97\u53e3\u3001iframe\u3001\u5f39\u51fa\u7684\u65b0\u7a97\u53e3\u7b49\uff09\u4e4b\u95f4\u5b89\u5168\u5730\u4f20\u9012\u6570\u636e\uff0c\u7b80\u5355\u8bf4\uff0c\u5c31\u662f\u7ed9\u4e0d\u540c\u201c\u9886\u5730\u201d\u7684\u7f51\u9875\u5f00\u4e86\u4e2a\u201c\u5b89\u5168\u901a\u9053\u201d\uff0c\u8ba9\u5b83\u4eec\u80fd\u5408\u6cd5\u5730\u4ea4\u6362\u4fe1\u606f\uff0c\u800c\u4e0d\u7528\u518d\u4e3a\u8de8\u57df\u9650\u5236\u5934\u75bc\uff0c\u5b83\u7684\u6838\u5fc3\u903b\u8f91\u662f\u4e00\u4e2a\u7a97\u53e3\u5411\u53e6\u4e00\u4e2a\u7a97\u53e3\u53d1\u9001\u6d88\u606f\uff0c\u63a5\u6536\u65b9\u901a\u8fc7\u76d1\u542cmessage<\/code>\u4e8b\u4ef6\u6765\u5904\u7406\u8fd9\u4e9b\u6d88\u606f\u3002<\/p>
      \u4e3a\u4ec0\u4e48\u8de8\u57df\u901a\u4fe1\u8981\u9009postMessage\uff1f<\/h2>
      \u5728\u5b83\u51fa\u73b0\u4e4b\u524d,\u8de8\u57df\u65b9\u6848\u4e0d\u5c11\uff0c\u4f46\u90fd\u6709\u7f3a\u70b9\uff0c\u6bd4\u5982JSONP\u53ea\u80fd\u5904\u7406GET\u8bf7\u6c42\uff0c\u8fd8\u5bb9\u6613\u906d\u9047XSS\u653b\u51fb\uff1bCORS\u914d\u7f6e\u9ebb\u70e6\uff0c\u9700\u8981\u540e\u7aef\u914d\u5408\u6539\u54cd\u5e94\u5934\uff1bCookie\u8de8\u57df\u53c8\u53d7\u540c\u6e90\u7b56\u7565\u9650\u5236\uff0c\u8fd8\u4e0d\u5b89\u5168\uff0c\u800cpostMessage\u7684\u4f18\u52bf\u5f88\u660e\u663e\uff1a\u4e00\u662f\u652f\u6301\u4efb\u4f55\u7c7b\u578b\u7684\u6570\u636e\uff08\u5b57\u7b26\u4e32\u3001\u5bf9\u8c61\u7b49\uff0c\u4e0d\u8fc7\u5bf9\u8c61\u8981\u5e8f\u5217\u5316\uff0c\u6bd4\u5982\u7528JSON.stringify\uff09\uff1b\u4e8c\u662f\u5b89\u5168\u6027\u9ad8\uff0c\u53d1\u9001\u65b9\u53ef\u4ee5\u6307\u5b9a\u76ee\u6807\u7a97\u53e3\u7684\u6e90\uff08origin\uff09\uff0c\u63a5\u6536\u65b9\u4e5f\u80fd\u9a8c\u8bc1\u53d1\u9001\u65b9\u7684\u6e90\uff0c\u907f\u514d\u6076\u610f\u7f51\u7ad9\u4f2a\u9020\u6d88\u606f\uff1b\u4e09\u662f\u4f7f\u7528\u7075\u6d3b\uff0c\u4e0d\u7ba1\u662fiframe\u7236\u5b50\u901a\u4fe1\u3001\u591a\u7a97\u53e3\u4ea4\u4e92\uff0c\u8fd8\u662f\u5d4c\u5165\u7b2c\u4e09\u65b9\u63d2\u4ef6\uff08\u6bd4\u5982\u5730\u56fe\u3001\u652f\u4ed8\u7ec4\u4ef6\uff09\u7684\u901a\u4fe1\uff0c\u90fd\u80fd\u8f7b\u677e\u5e94\u5bf9\u3002<\/p>
      postMessage\u5b9e\u6218\u600e\u4e48\u64cd\u4f5c\uff1f\u5206\u53d1\u9001\u548c\u63a5\u6536\u4e24\u6b65<\/h2>
      \u53d1\u9001\u6d88\u606f\uff1atargetWindow.postMessage()<\/code><\/h3>
      \u53d1\u9001\u65b9\u9700\u8981\u5148\u62ff\u5230\u76ee\u6807\u7a97\u53e3\u7684\u5f15\u7528,\u6bd4\u5982\u7236\u9875\u9762\u7ed9iframe\u53d1\u6d88\u606f\uff0c\u5c31\u8981\u5148\u83b7\u53d6iframe\u7684contentWindow<\/code>\uff1b\u5982\u679c\u662f\u5b50\u9875\u9762\u7ed9\u7236\u9875\u9762\u53d1\uff0c\u5c31\u7528window.parent<\/code>\uff0c\u7136\u540e\u8c03\u7528postMessage<\/code>\u65b9\u6cd5\uff0c\u8bed\u6cd5\u662f\uff1atargetWindow.postMessage(data, targetOrigin, [transfer])<\/code>\uff0c\u5176\u4e2ddata<\/code>\u662f\u8981\u53d1\u7684\u6570\u636e\uff0ctargetOrigin<\/code>\u662f\u76ee\u6807\u7a97\u53e3\u7684\u6e90\uff08\u6bd4\u5982"https:\/\/example.com"<\/code>\uff0c\u4e5f\u53ef\u4ee5\u7528\u8868\u793a\u4efb\u610f\u6e90\uff0c\u4f46\u4e0d\u5b89\u5168\uff0c\u5efa\u8bae\u660e\u786e\u6307\u5b9a\uff09\uff0ctransfer<\/code>\u662f\u53ef\u9009\u7684\uff0c\u7528\u6765\u4f20\u9012\u53ef\u8f6c\u79fb\u5bf9\u8c61\uff08\u6bd4\u5982ArrayBuffer\uff0c\u4e00\u822c\u7528\u4e0d\u5230\uff09\u3002<\/p>
      \u4e3e\u4e2a\u7236\u9875\u9762\u7ed9iframe\u53d1\u6d88\u606f\u7684\u4f8b\u5b50\uff1a<\/p>
      \/\/ \u7236\u9875\u9762HTML\uff1a<iframe id="myIframe" src="https:\/\/child.com"><\/iframe>\nconst iframe = document.getElementById('myIframe');\nconst targetWindow = iframe.contentWindow;\n\/\/ \u53d1\u9001\u6570\u636e\uff0c\u6307\u5b9a\u76ee\u6807\u6e90\ntargetWindow.postMessage(\n  JSON.stringify({ type: 'greet', content: '\u4f60\u597d\u5440\uff01' }), \n  'https:\/\/child.com'\n);<\/pre>
      \u5982\u679c\u662f\u5b50\u9875\u9762\u7ed9\u7236\u9875\u9762\u53d1\u6d88\u606f\uff1a<\/p>
      window.parent.postMessage(\n  JSON.stringify({ type: 'reply', content: '\u6536\u5230\u5566\uff01' }), \n  'https:\/\/parent.com'\n);<\/pre>
      \u63a5\u6536\u6d88\u606f\uff1a\u76d1\u542cmessage<\/code>\u4e8b\u4ef6<\/h3>
      \u63a5\u6536\u65b9\u9700\u8981\u5728\u7a97\u53e3\u4e0a\u76d1\u542cmessage<\/code>\u4e8b\u4ef6\uff0c\u6bd4\u5982\u7236\u9875\u9762\u8981\u63a5\u6536iframe\u7684\u6d88\u606f\uff0c\u5c31\u5728\u7236\u9875\u9762\u7684window<\/code>\u4e0a\u7ed1\u4e8b\u4ef6\uff1b\u5b50\u9875\u9762\u63a5\u6536\u7236\u9875\u9762\u7684\uff0c\u5c31\u5728\u5b50\u9875\u9762\u7684window<\/code>\u4e0a\u7ed1\u3002<\/p>
      \u4ee3\u7801\u793a\u4f8b\uff1a<\/p>
      window.addEventListener('message', (event) => {\n  \/\/ \u9a8c\u8bc1\u53d1\u9001\u65b9\u7684\u6e90\uff0c\u9632\u6b62\u6076\u610f\u7f51\u7ad9\u4f2a\u9020\u6d88\u606f\n  const allowedOrigins = ['https:\/\/child.com', 'https:\/\/safe.com']; \n  if (!allowedOrigins.includes(event.origin)) {\n    return; \/\/ \u4e0d\u662f\u5408\u6cd5\u6e90\uff0c\u76f4\u63a5\u5ffd\u7565\n  }\n  \/\/ event.data\u662f\u53d1\u9001\u6765\u7684\u6570\u636e\uff08\u6ce8\u610f\uff1a\u5982\u679c\u662f\u5bf9\u8c61\uff0c\u9700\u8981\u5148\u89e3\u6790\uff09\n  const parsedData = JSON.parse(event.data);\n  console.log('\u6536\u5230\u6d88\u606f\uff1a', parsedData);\n  \/\/ \u8fd8\u53ef\u4ee5\u7ed9\u53d1\u9001\u65b9\u56de\u6d88\u606f\uff0c\u6bd4\u5982\u7528event.source.postMessage(...)\n}, false);<\/pre>
      \u8fd9\u91cc\u4e00\u5b9a\u8981\u9a8c\u8bc1event.origin<\/code>\uff0c\u4e0d\u7136\u6076\u610f\u7f51\u7ad9\u53ef\u80fd\u4f2a\u9020\u6d88\u606f\u653b\u51fb\u4f60\u7684\u9875\u9762\uff0c\u6bd4\u5982\u7ed9\u4f60\u7684\u652f\u4ed8\u9875\u9762\u53d1\u4e2a\u201c\u786e\u8ba4\u652f\u4ed8\u201d\u7684\u6d88\u606f\uff0c\u540e\u679c\u4e0d\u582a\u8bbe\u60f3\uff0c\u6240\u4ee5\u5b89\u5168\u9a8c\u8bc1\u662f\u5b9e\u6218\u4e2d\u5fc5\u987b\u91cd\u89c6\u7684\u4e00\u6b65\u3002<\/p>
      \u5b9e\u6218\u4e2d\u5e38\u89c1\u95ee\u9898\u600e\u4e48\u89e3\u51b3\uff1f<\/h2>
      \u6570\u636e\u5e8f\u5217\u5316\u548c\u89e3\u6790\u7684\u95ee\u9898<\/h3>
      \u5982\u679c\u53d1\u9001\u7684\u662f\u5bf9\u8c61,\u76f4\u63a5\u4f20\u4f1a\u4e22\u5931\u7c7b\u578b\uff0c\u6240\u4ee5\u8981\u5148\u7528JSON.stringify<\/code>\u628a\u5bf9\u8c61\u8f6c\u6210\u5b57\u7b26\u4e32\uff0c\u63a5\u6536\u65b9\u518d\u7528JSON.parse<\/code>\u89e3\u6790\u3002<\/p>
      \u53d1\u9001\u65b9\u793a\u4f8b\uff1a<\/p>
      const data = { name: '\u5c0f\u660e', age: 18 };\ntargetWindow.postMessage(\n  JSON.stringify(data), \n  'https:\/\/target.com'\n);<\/pre>
      \u63a5\u6536\u65b9\u793a\u4f8b\uff1a<\/p>
      window.addEventListener('message', (event) => {\n  const parsedData = JSON.parse(event.data);\n  console.log(parsedData.name); \/\/ \u8f93\u51fa\uff1a\u5c0f\u660e\n});<\/pre>
      \u76ee\u6807\u7a97\u53e3\u8fd8\u6ca1\u52a0\u8f7d\u5b8c\u6210\uff0c\u53d1\u9001\u5931\u8d25\uff1f<\/h3>
      \u6bd4\u5982\u7ed9iframe\u53d1\u6d88\u606f\u65f6,iframe\u53ef\u80fd\u8fd8\u6ca1\u52a0\u8f7d\u597d\uff0ccontentWindow<\/code>\u62ff\u4e0d\u5230\uff0c\u8fd9\u65f6\u5019\u53ef\u4ee5\u7ed9iframe\u52a0onload<\/code>\u4e8b\u4ef6\uff0c\u7b49\u52a0\u8f7d\u5b8c\u6210\u518d\u53d1\u3002<\/p>
      \u793a\u4f8b\uff1a<\/p>
      const iframe = document.getElementById('myIframe');\niframe.onload = () => {\n  const targetWindow = iframe.contentWindow;\n  targetWindow.postMessage('\u52a0\u8f7d\u5b8c\u6210\u5566\uff01', 'https:\/\/child.com');\n};<\/pre>
      \u591a\u4e2a\u6d88\u606f\u51b2\u7a81\uff0c\u600e\u4e48\u533a\u5206\u6d88\u606f\u7c7b\u578b\uff1f<\/h3>
      \u5b9e\u6218\u4e2d\u901a\u4fe1\u53ef\u80fd\u6709\u5f88\u591a\u79cd\u6d88\u606f\uff08\u6bd4\u5982\u8bf7\u6c42\u6570\u636e\u3001\u786e\u8ba4\u64cd\u4f5c\u3001\u9519\u8bef\u53cd\u9988\u7b49\uff09\uff0c\u8fd9\u65f6\u5019\u53ef\u4ee5\u5728data<\/code>\u91cc\u52a0\u4e2atype<\/code>\u5b57\u6bb5\uff0c\u63a5\u6536\u65b9\u6839\u636etype<\/code>\u6765\u5904\u7406\u4e0d\u540c\u903b\u8f91\u3002<\/p>
      \u53d1\u9001\u65b9\u793a\u4f8b\uff1a<\/p>
      postMessage(\n  JSON.stringify({ type: 'fetchData', params: { page: 1 } }), \n  'https:\/\/target.com'\n);<\/pre>
      \u63a5\u6536\u65b9\u793a\u4f8b\uff1a<\/p>
      window.addEventListener('message', (event) => {\n  const { type, data } = JSON.parse(event.data);\n  if (type === 'fetchData') {\n    \/\/ \u5904\u7406\u83b7\u53d6\u6570\u636e\u7684\u903b\u8f91\n    const result = { list: [\/* \u6570\u636e *\/] };\n    event.source.postMessage(\n      JSON.stringify({ type: 'fetchDataSuccess', result }), \n      event.origin\n    );\n  } else if (type === 'confirm') {\n    \/\/ \u5904\u7406\u786e\u8ba4\u64cd\u4f5c\n  }\n});<\/pre>
      \u5b9e\u9645\u573a\u666f\u6848\u4f8b\uff1aiframe\u7236\u5b50\u534f\u540c\u4f5c\u6218<\/h2>
      \u4e3e\u4e2a\u7535\u5546\u7f51\u7ad9\u7684\u4f8b\u5b50,\u7236\u9875\u9762\u662f\u5546\u54c1\u8be6\u60c5\u9875\uff0c\u5d4c\u5165\u4e86\u4e00\u4e2aiframe\u7684\u8bc4\u4ef7\u7ec4\u4ef6\uff08\u7b2c\u4e09\u65b9\u57df\u540d\uff09\uff0c\u7236\u9875\u9762\u9700\u8981\u628a\u5546\u54c1ID\u4f20\u7ed9\u8bc4\u4ef7\u7ec4\u4ef6\uff0c\u8ba9\u5b83\u52a0\u8f7d\u5bf9\u5e94\u5546\u54c1\u7684\u8bc4\u4ef7\uff1b\u8bc4\u4ef7\u7ec4\u4ef6\u52a0\u8f7d\u5b8c\u6210\u540e\uff0c\u8981\u544a\u8bc9\u7236\u9875\u9762\u201c\u6211\u51c6\u5907\u597d\u4e86\u201d\uff0c\u7236\u9875\u9762\u518d\u7ed9\u5b83\u53d1\u5546\u54c1ID\u3002<\/p>
      \u7236\u9875\u9762\u4ee3\u7801\uff08\u6e90\uff1ahttps:\/\/parent.com\uff09\uff1a<\/h3>
      <!-- HTML\uff1a<iframe id="reviewIframe" src="https:\/\/review.com"><\/iframe> -->\n<script>\nconst iframe = document.getElementById('reviewIframe');\niframe.onload = () => {\n  const targetWin = iframe.contentWindow;\n  \/\/ \u5148\u544a\u8bc9\u8bc4\u4ef7\u7ec4\u4ef6\u201c\u6211\u8981\u53d1\u5546\u54c1ID\u4e86\u201d\n  targetWin.postMessage(\n    JSON.stringify({ type: 'ready' }), \n    'https:\/\/review.com'\n  );\n};\nwindow.addEventListener('message', (event) => {\n  if (event.origin === 'https:\/\/review.com' && event.data) {\n    const { type } = JSON.parse(event.data);\n    if (type === 'reviewReady') {\n      \/\/ \u8bc4\u4ef7\u7ec4\u4ef6\u51c6\u5907\u597d\u4e86\uff0c\u53d1\u5546\u54c1ID\uff08\u5047\u8bbe\u5546\u54c1ID\u662f12345\uff09\n      const targetWin = iframe.contentWindow;\n      targetWin.postMessage(\n        JSON.stringify({ \n          type: 'setProductId', \n          productId: 12345 \n        }), \n        'https:\/\/review.com'\n      );\n    }\n  }\n});\n<\/script><\/pre>
      \u8bc4\u4ef7\u7ec4\u4ef6\uff08\u5b50\u9875\u9762\uff0c\u6e90\uff1ahttps:\/\/review.com\uff09\u4ee3\u7801\uff1a<\/h3>
      window.addEventListener('message', (event) => {\n  if (event.origin === 'https:\/\/parent.com') { \/\/ \u9a8c\u8bc1\u7236\u9875\u9762\u6e90\n    const { type } = JSON.parse(event.data);\n    if (type === 'ready') {\n      \/\/ \u544a\u8bc9\u7236\u9875\u9762\u201c\u6211\u51c6\u5907\u597d\u4e86\u201d\n      window.parent.postMessage(\n        JSON.stringify({ type: 'reviewReady' }), \n        'https:\/\/parent.com'\n      );\n    } else if (type === 'setProductId') {\n      const { productId } = JSON.parse(event.data);\n      \/\/ \u52a0\u8f7d\u8be5\u5546\u54c1\u7684\u8bc4\u4ef7\uff0c\u6bd4\u5982\u8c03\u7528\u63a5\u53e3\n      fetch(`https:\/\/review.com\/api\/reviews?productId=${productId}`)\n        .then(res => res.json())\n        .then(data => {\n          \/\/ \u6e32\u67d3\u8bc4\u4ef7...\n        });\n    }\n  }\n});<\/pre>
      \u548c\u5176\u4ed6\u8de8\u57df\u65b9\u6848\u5bf9\u6bd4\uff0cpostMessage\u9002\u5408\u54ea\u4e9b\u573a\u666f\uff1f<\/h2>
      \u5982\u679c\u662f\u524d\u540e\u7aef\u5206\u79bb\u7684\u9879\u76ee,\u9700\u8981\u9891\u7e41\u7684\u8de8\u57df\u6570\u636e\u4ea4\u4e92\uff0cCORS<\/strong>\u66f4\u9002\u5408\uff0c\u56e0\u4e3a\u5b83\u662fHTTP\u5c42\u9762\u7684\uff0c\u4e0d\u9700\u8981\u524d\u7aef\u5199\u592a\u591a\u901a\u4fe1\u903b\u8f91\uff1b\u4f46\u5982\u679c\u662f\u524d\u7aef\u5185\u90e8\u7684\u591a\u7a97\u53e3\u3001\u591aiframe\u4ea4\u4e92\uff0c\u6216\u8005\u5d4c\u5165\u7b2c\u4e09\u65b9\u7ec4\u4ef6\uff08\u6bd4\u5982\u5fae\u4fe1\u652f\u4ed8\u3001\u5730\u56feSDK\uff09\u7684\u901a\u4fe1\uff0cpostMessage<\/strong>\u5c31\u662f\u6700\u4f73\u9009\u62e9\uff0c\u56e0\u4e3a\u5b83\u66f4\u7075\u6d3b\uff0c\u4e5f\u4e0d\u9700\u8981\u540e\u7aef\u6539\u914d\u7f6e\uff0c\u5982\u679c\u662f\u65e7\u9879\u76ee\u5347\u7ea7\uff0c\u4e0d\u60f3\u5927\u6539\u67b6\u6784\uff0c\u7528postMessage\u5feb\u901f\u5b9e\u73b0\u8de8\u57df\u901a\u4fe1\u4e5f\u5f88\u65b9\u4fbf\u3002<\/p>
      postMessage\u662f\u524d\u7aef\u8de8\u57df\u901a\u4fe1\u7684\u201c\u745e\u58eb\u519b\u5200\u201d\uff0c\u638c\u63e1\u5b83\u7684\u53d1\u9001\u3001\u63a5\u6536\u3001\u5b89\u5168\u9a8c\u8bc1\u548c\u5b9e\u6218\u6280\u5de7\uff0c\u5c31\u80fd\u8f7b\u677e\u5e94\u5bf9\u5404\u79cd\u8de8\u57df\u4ea4\u4e92\u573a\u666f\uff0c\u4e0d\u7ba1\u662f\u505a\u590d\u6742\u7684\u5355\u9875\u5e94\u7528\uff0c\u8fd8\u662f\u5d4c\u5165\u7b2c\u4e09\u65b9\u7ec4\u4ef6\uff0c\u90fd\u80fd\u8ba9\u4e0d\u540c\u6e90\u7684\u7f51\u9875\u201c\u53cb\u597d\u5bf9\u8bdd\u201d\uff0c\u73b0\u5728\u5c31\u628a\u8fd9\u4e9b\u6280\u5de7\u7528\u5230\u4f60\u7684\u9879\u76ee\u91cc\uff0c\u8bd5\u8bd5\u89e3\u51b3\u90a3\u4e9b\u66fe\u7ecf\u8ba9\u4f60\u5934\u75bc\u7684\u8de8\u57df\u96be\u9898\u5427\uff01<\/p>","pubDate":"Mon, 30 Mar 2026 09:53:24 +0800"},{"title":"\u9875\u9762\u9aa8\u67b6\u5c4f\u52a0\u8f7d\u4f18\u5316\u8be5\u600e\u4e48\u505a\uff1f\u8fd9\u4e9b\u65b9\u6848\u80fd\u5e2e\u4f60\u63d0\u5347\u7528\u6237\u4f53\u9a8c\uff01","link":"https:\/\/www.jiangweishan.com\/article\/gujiapingnsdgsd.html","description":"
      \"\u9875\u9762\u9aa8\u67b6\u5c4f\u52a0\u8f7d\u4f18\u5316\u8be5\u600e\u4e48\u505a\"<\/p>
      \u5728\u79fb\u52a8\u4e92\u8054\u7f51\u548cWeb\u5e94\u7528\u9ad8\u5ea6\u53d1\u8fbe\u7684\u4eca\u5929,\u9875\u9762\u52a0\u8f7d\u901f\u5ea6\u76f4\u63a5\u5f71\u54cd\u7740\u7528\u6237\u7684\u505c\u7559\u610f\u613f\u548c\u8f6c\u5316\u7387\uff0c\u9aa8\u67b6\u5c4f\u4f5c\u4e3a\u4e00\u79cd\u63d0\u5347\u52a0\u8f7d\u4f53\u9a8c\u7684\u6280\u672f\u624b\u6bb5\uff0c\u80fd\u8ba9\u7528\u6237\u5728\u7b49\u5f85\u5185\u5bb9\u52a0\u8f7d\u65f6\u611f\u77e5\u5230\u9875\u9762\u7684\u7ed3\u6784\u8f6e\u5ed3\uff0c\u51cf\u5c11\u7126\u8651\u611f\uff0c\u4f46\u5982\u679c\u9aa8\u67b6\u5c4f\u8bbe\u8ba1\u6216\u5b9e\u73b0\u5f97\u4e0d\u591f\u5408\u7406\uff0c\u53cd\u800c\u53ef\u80fd\u9002\u5f97\u5176\u53cd\uff0c\u8ba9\u7528\u6237\u89c9\u5f97\u201c\u88ab\u6b3a\u9a97\u201d\u6216\u8005\u4f53\u9a8c\u66f4\u5dee\uff0c\u5982\u4f55\u5bf9\u9875\u9762\u9aa8\u67b6\u5c4f\u7684\u52a0\u8f7d\u8fdb\u884c\u4f18\u5316\uff0c\u8ba9\u5b83\u771f\u6b63\u6210\u4e3a\u63d0\u5347\u4f53\u9a8c\u7684\u5229\u5668\uff1f\u6211\u4eec\u4ece\u6982\u5ff5\u3001\u95ee\u9898\u5230\u65b9\u6848\uff0c\u4e00\u6b65\u6b65\u6765\u5206\u6790\u3002<\/p>
      \u4ec0\u4e48\u662f\u9875\u9762\u9aa8\u67b6\u5c4f\uff1f\u5b83\u548c\u4f20\u7edf\u52a0\u8f7d\u65b9\u5f0f\u6709\u4ec0\u4e48\u4e0d\u540c\uff1f<\/h3>
      \u9875\u9762\u9aa8\u67b6\u5c4f,\u7b80\u5355\u6765\u8bf4\u5c31\u662f\u9875\u9762\u5728\u52a0\u8f7d\u771f\u5b9e\u5185\u5bb9\u524d\uff0c\u7528\u7070\u8272\u7684\u5757\u3001\u7ebf\u7b49\u5360\u4f4d\u5143\u7d20\u6a21\u62df\u51fa\u9875\u9762\u7684\u5927\u81f4\u7ed3\u6784\uff0c\u8ba9\u7528\u6237\u63d0\u524d\u770b\u5230\u201c\u5185\u5bb9\u7684\u8f6e\u5ed3\u201d\uff0c\u6bd4\u5982\u6253\u5f00\u4e00\u4e2a\u65b0\u95fbAPP\uff0c\u52a0\u8f7d\u65f6\u5148\u51fa\u73b0\u6807\u9898\u3001\u6b63\u6587\u3001\u56fe\u7247\u7684\u7070\u8272\u5360\u4f4d\u6846\uff0c\u8fd9\u5c31\u662f\u9aa8\u67b6\u5c4f\u3002<\/p>
      \u548c\u4f20\u7edf\u7684\u52a0\u8f7d\u65b9\u5f0f\u76f8\u6bd4,\u5b83\u7684\u4f18\u52bf\u5f88\u660e\u663e\uff1a\u4f20\u7edf\u7684loading\u52a8\u753b\uff08\u6bd4\u5982\u8f6c\u5708\u7684\u56fe\u6807\uff09\u6216\u7a7a\u767d\u9875\uff0c\u53ea\u80fd\u544a\u8bc9\u7528\u6237\u201c\u6b63\u5728\u52a0\u8f7d\u201d\uff0c\u4f46\u7528\u6237\u5b8c\u5168\u4e0d\u77e5\u9053\u52a0\u8f7d\u5b8c\u6210\u540e\u4f1a\u662f\u4ec0\u4e48\u6837\u5b50\uff1b\u800c\u9aa8\u67b6\u5c4f\u901a\u8fc7\u6a21\u62df\u9875\u9762\u7ed3\u6784\uff0c\u8ba9\u7528\u6237\u611f\u77e5\u5230\u201c\u5185\u5bb9\u5373\u5c06\u5448\u73b0\u201d\uff0c\u51cf\u5c11\u7b49\u5f85\u65f6\u7684\u4e0d\u786e\u5b9a\u6027\uff0c\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u7535\u5546APP\u7684\u5546\u54c1\u5217\u8868\u9875\uff0c\u9aa8\u67b6\u5c4f\u4f1a\u7528\u7070\u8272\u5757\u6a21\u62df\u5546\u54c1\u5361\u7247\u7684\u5f62\u72b6\u3001\u6570\u91cf\u548c\u6392\u5217\u65b9\u5f0f\uff0c\u7528\u6237\u80fd\u63d0\u524d\u9884\u5224\u52a0\u8f7d\u540e\u4f1a\u770b\u5230\u591a\u5c11\u5546\u54c1\uff0c\u5fc3\u7406\u9884\u671f\u66f4\u660e\u786e\u3002<\/p>
      \u4e3a\u4ec0\u4e48\u8981\u5bf9\u9aa8\u67b6\u5c4f\u8fdb\u884c\u4f18\u5316\uff1f\u5e38\u89c1\u7684\u9aa8\u67b6\u5c4f\u6709\u54ea\u4e9b\u4e0d\u8db3\uff1f<\/h3>
      \u5f88\u591a\u9879\u76ee\u4e2d,\u9aa8\u67b6\u5c4f\u53ea\u662f\u201c\u6709\u4e86\u201d\uff0c\u4f46\u6ca1\u505a\u5230\u201c\u505a\u597d\u201d\uff0c\u5982\u679c\u9aa8\u67b6\u5c4f\u7684\u7ed3\u6784\u548c\u5b9e\u9645\u52a0\u8f7d\u540e\u7684\u9875\u9762\u5dee\u5f02\u592a\u5927\uff0c\u6216\u8005\u52a0\u8f7d\u8fc7\u7a0b\u5361\u987f\u3001\u903b\u8f91\u4e0d\u5408\u7406\uff0c\u53cd\u800c\u4f1a\u8ba9\u7528\u6237\u66f4\u5931\u671b\u3002<\/p>
      \u5e38\u89c1\u7684\u4e0d\u8db3\u6bd4\u5982\uff1a\u7ed3\u6784\u8fd8\u539f\u5ea6\u4f4e<\/strong>\uff0c\u6bd4\u5982\u9aa8\u67b6\u5c4f\u91cc\u7684\u201c\u6807\u9898\u5757\u201d\u548c\u5b9e\u9645\u52a0\u8f7d\u540e\u7684\u6807\u9898\u4f4d\u7f6e\u3001\u957f\u5ea6\u5dee\u8ddd\u5927\uff0c\u7528\u6237\u671f\u5f85\u7684\u5185\u5bb9\u548c\u5b9e\u9645\u4e0d\u7b26\uff0c\u53cd\u800c\u89c9\u5f97\u201c\u88ab\u8bef\u5bfc\u201d\uff1b\u52a0\u8f7d\u903b\u8f91\u5355\u4e00<\/strong>\uff0c\u53ea\u5728\u9996\u5c4f\u52a0\u8f7d\u9aa8\u67b6\uff0c\u5f53\u7528\u6237\u6eda\u52a8\u9875\u9762\u65f6\uff0c\u4e0b\u65b9\u7684\u5185\u5bb9\u52a0\u8f7d\u65f6\u662f\u7a7a\u767d\u6216\u7a81\u7136\u51fa\u73b0\uff0c\u4f53\u9a8c\u4e0d\u8fde\u8d2f\uff1b\u6837\u5f0f\u56fa\u5316<\/strong>\uff0c\u6240\u6709\u9875\u9762\u90fd\u7528\u540c\u4e00\u79cd\u9aa8\u67b6\u7ed3\u6784\uff0c\u6bd4\u5982\u5217\u8868\u9875\u548c\u8be6\u60c5\u9875\u7684\u9aa8\u67b6\u957f\u5f97\u4e00\u6837\uff0c\u663e\u5f97\u5f88\u751f\u786c\u3002<\/p>
      \u8fd9\u4e9b\u95ee\u9898\u4f1a\u8ba9\u9aa8\u67b6\u5c4f\u7684\u201c\u4f53\u9a8c\u63d0\u5347\u201d\u6548\u679c\u5927\u6253\u6298\u6263\uff0c\u751a\u81f3\u8d77\u5230\u53cd\u4f5c\u7528\uff0c\u5bf9\u9aa8\u67b6\u5c4f\u8fdb\u884c\u9488\u5bf9\u6027\u4f18\u5316\uff0c\u624d\u80fd\u771f\u6b63\u53d1\u6325\u5b83\u7684\u4ef7\u503c\u3002<\/p>
      \u9875\u9762\u9aa8\u67b6\u5c4f\u52a0\u8f7d\u7684\u4f18\u5316\u65b9\u5411\u4e0e\u5177\u4f53\u65b9\u6848<\/h2>
      \u6280\u672f\u5b9e\u73b0\u5c42\u9762\uff1a\u8ba9\u9aa8\u67b6\u5c4f\u66f4\u201c\u7cbe\u51c6\u201d\u201c\u6d41\u7545\u201d<\/h3>
      \u6280\u672f\u4f18\u5316\u7684\u6838\u5fc3\u662f\u8ba9\u9aa8\u67b6\u5c4f\u7684\u751f\u6210\u3001\u52a0\u8f7d\u903b\u8f91\u66f4\u667a\u80fd\uff0c\u548c\u771f\u5b9e\u9875\u9762\u7684\u5339\u914d\u5ea6\u66f4\u9ad8\uff0c\u52a0\u8f7d\u8fc7\u7a0b\u66f4\u6d41\u7545\u3002<\/p>
      1. \u52a8\u6001\u751f\u6210\u7cbe\u51c6\u9aa8\u67b6\u7ed3\u6784<\/strong>\uff1a\u4f20\u7edf\u7684\u9aa8\u67b6\u5c4f\u53ef\u80fd\u662f\u524d\u7aef\u5199\u6b7b\u7684HTML\u7ed3\u6784\uff0c\u5f88\u96be\u9002\u914d\u4e0d\u540c\u9875\u9762\uff0c\u73b0\u5728\u53ef\u4ee5\u7528\u5de5\u5177\u5728\u6784\u5efa\u65f6\u81ea\u52a8\u751f\u6210\u9aa8\u67b6\uff0c\u6bd4\u5982\u7528Puppeteer\uff08Node.js\u7684\u65e0\u5934\u6d4f\u89c8\u5668\u5de5\u5177\uff09\u904d\u5386\u9875\u9762DOM\uff0c\u6839\u636e\u771f\u5b9e\u5143\u7d20\u7684\u4f4d\u7f6e\u3001\u5927\u5c0f\u751f\u6210\u5bf9\u5e94\u7684\u9aa8\u67b6\u5757\uff1b\u6216\u8005\u7528Vue\u7684page - skeleton - webpack - plugin<\/code>\uff0c\u5728\u6253\u5305\u65f6\u5206\u6790\u9875\u9762\u7ec4\u4ef6\u7ed3\u6784\uff0c\u751f\u6210\u548c\u5b9e\u9645\u9875\u97621:1\u7684\u9aa8\u67b6\uff0c\u8fd9\u6837\u7528\u6237\u770b\u5230\u7684\u9aa8\u67b6\u548c\u6700\u7ec8\u5185\u5bb9\u7684\u7ed3\u6784\u51e0\u4e4e\u4e00\u81f4\uff0c\u51cf\u5c11\u8ba4\u77e5\u843d\u5dee\u3002<\/p><\/li>
      2. \u6e10\u8fdb\u5f0f\u52a0\u8f7d\u4e0e\u9aa8\u67b6\u8054\u52a8<\/strong>\uff1a\u5f53\u9875\u9762\u5185\u5bb9\u8f83\u591a\u3001\u9700\u8981\u6eda\u52a8\u52a0\u8f7d\u65f6\uff0c\u4f20\u7edf\u9aa8\u67b6\u5c4f\u53ea\u5904\u7406\u9996\u5c4f\uff0c\u6eda\u52a8\u540e\u53ef\u80fd\u8fd8\u662f\u7a7a\u767d\uff0c\u53ef\u4ee5\u7528IntersectionObserver<\/code> API\u76d1\u542c\u5143\u7d20\u7684\u53ef\u89c1\u6027\uff0c\u5f53\u7528\u6237\u6eda\u52a8\u5230\u67d0\u4e2a\u533a\u57df\u65f6\uff0c\u63d0\u524d\u52a0\u8f7d\u8be5\u533a\u57df\u7684\u9aa8\u67b6\uff0c\u518d\u9010\u6b65\u66ff\u6362\u4e3a\u771f\u5b9e\u5185\u5bb9\uff0c\u6bd4\u5982\u957f\u5217\u8868\u9875\u9762\uff0c\u6eda\u52a8\u65f6\uff0c\u5373\u5c06\u51fa\u73b0\u7684\u5217\u8868\u9879\u5148\u663e\u793a\u9aa8\u67b6\uff0c\u52a0\u8f7d\u5b8c\u6210\u540e\u5e73\u6ed1\u66ff\u6362\uff0c\u8ba9\u6574\u4e2a\u52a0\u8f7d\u8fc7\u7a0b\u66f4\u8fde\u8d2f\u3002<\/p><\/li>
      3. \u9aa8\u67b6\u5c4f\u7684\u8d44\u6e90\u8f7b\u91cf\u5316\u4e0e\u9884\u52a0\u8f7d<\/strong>\uff1a\u9aa8\u67b6\u5c4f\u672c\u8eab\u8981\u5c3d\u53ef\u80fd\u5c0f\uff0c\u907f\u514d\u6210\u4e3a\u65b0\u7684\u6027\u80fd\u74f6\u9888\uff0c\u6bd4\u5982\u7528\u7eafCSS\u7ed8\u5236\u9aa8\u67b6\uff08\u5982\u901a\u8fc7border<\/code>\u3001background<\/code>\u6a21\u62df\u5f62\u72b6\uff09\uff0c\u800c\u4e0d\u662f\u7528\u56fe\u7247\uff1b\u9aa8\u67b6\u5c4f\u7684CSS\u548cJS\u8981\u63d0\u524d\u9884\u52a0\u8f7d\uff0c\u786e\u4fdd\u5728\u9875\u9762\u52a0\u8f7d\u7684\u7b2c\u4e00\u65f6\u95f4\u5c31\u80fd\u6e32\u67d3\uff0c\u4f18\u5316\u9aa8\u67b6\u5c4f\u7684\u663e\u793a\u65f6\u673a\uff1a\u6bd4\u5982\u9996\u5c4f\u8d44\u6e90\uff08\u5982\u5173\u952eCSS\u3001\u9996\u5c4f\u56fe\u7247\uff09\u52a0\u8f7d\u65f6\u663e\u793a\u9aa8\u67b6\uff0c\u540e\u7eed\u5185\u5bb9\u6309\u9700\u52a0\u8f7d\u9aa8\u67b6\uff0c\u76f4\u5230\u8d44\u6e90\u51c6\u5907\u5c31\u7eea\u3002<\/p><\/li><\/ol>
        \u8bbe\u8ba1\u4f53\u9a8c\u5c42\u9762\uff1a\u8ba9\u9aa8\u67b6\u5c4f\u66f4\u201c\u81ea\u7136\u201d\u201c\u53cb\u597d\u201d<\/h3>
        \u8bbe\u8ba1\u4f18\u5316\u7684\u91cd\u70b9\u662f\u51cf\u5c11\u9aa8\u67b6\u5230\u771f\u5b9e\u5185\u5bb9\u7684\u201c\u5272\u88c2\u611f\u201d\uff0c\u8ba9\u7528\u6237\u89c9\u5f97\u8fd9\u662f\u201c\u5185\u5bb9\u6b63\u5728\u52a0\u8f7d\u201d\uff0c\u800c\u4e0d\u662f\u201c\u6362\u4e86\u4e00\u4e2a\u9875\u9762\u201d\u3002<\/p>
        1. \u6dfb\u52a0\u5e73\u6ed1\u8fc7\u6e21\u52a8\u753b<\/strong>\uff1a\u9aa8\u67b6\u5230\u771f\u5b9e\u5185\u5bb9\u7684\u5207\u6362\u5982\u679c\u592a\u7a81\u5140\uff0c\u4f1a\u8ba9\u7528\u6237\u89c9\u5f97\u201c\u8df3\u4e00\u4e0b\u201d\uff0c\u53ef\u4ee5\u7ed9\u9aa8\u67b6\u5757\u6dfb\u52a0\u6de1\u5165\u6de1\u51fa\u3001\u9ad8\u5ea6\u6e10\u53d8\u7684\u52a8\u753b\uff0c\u6bd4\u5982\u9aa8\u67b6\u5757\u7684\u900f\u660e\u5ea6\u4ece80%\u6162\u6162\u8fc7\u6e21\u52300\uff0c\u540c\u65f6\u771f\u5b9e\u5185\u5bb9\u4ece0%\u900f\u660e\u5ea6\u8fc7\u6e21\u5230100%\uff0c\u8ba9\u5207\u6362\u66f4\u81ea\u7136\uff1b\u6216\u8005\u7528\u9aa8\u67b6\u5757\u7684\u201c\u6eb6\u89e3\u201d\u6548\u679c\uff0c\u6a21\u62df\u5185\u5bb9\u201c\u9010\u6e10\u6d6e\u73b0\u201d\u7684\u611f\u89c9\u3002<\/p><\/li>
        2. \u5206\u5c42\u8bbe\u8ba1\uff0c\u7a81\u51fa\u91cd\u70b9\u5185\u5bb9<\/strong>\uff1a\u4e0d\u540c\u9875\u9762\u7684\u6838\u5fc3\u5185\u5bb9\u4e0d\u540c\uff0c\u9aa8\u67b6\u5c4f\u4e5f\u5e94\u8be5\u533a\u5206\u4f18\u5148\u7ea7\uff0c\u6bd4\u5982\u8d44\u8baf\u9875\u9762\uff0c\u6807\u9898\u548c\u9996\u6bb5\u662f\u6838\u5fc3\uff0c\u9aa8\u67b6\u5c4f\u91cc\u7684\u6807\u9898\u5757\u53ef\u4ee5\u66f4\u9192\u76ee\uff08\u6bd4\u5982\u5bbd\u5ea6\u66f4\u957f\u3001\u4f4d\u7f6e\u66f4\u7a81\u51fa\uff09\uff0c\u800c\u4fa7\u8fb9\u680f\u3001\u5e7f\u544a\u4f4d\u7684\u9aa8\u67b6\u53ef\u4ee5\u7b80\u5316\uff0c\u8fd9\u6837\u7528\u6237\u7684\u6ce8\u610f\u529b\u4f1a\u5148\u96c6\u4e2d\u5728\u6838\u5fc3\u533a\u57df\uff0c\u51cf\u5c11\u5bf9\u6b21\u8981\u5185\u5bb9\u7684\u7b49\u5f85\u7126\u8651\u3002<\/p><\/li>
        3. \u54cd\u5e94\u5f0f\u9aa8\u67b6\uff0c\u9002\u914d\u591a\u7aef\u8bbe\u5907<\/strong>\uff1a\u624b\u673a\u3001\u5e73\u677f\u3001PC\u7684\u9875\u9762\u7ed3\u6784\u5dee\u5f02\u5927\uff0c\u9aa8\u67b6\u5c4f\u8981\u9002\u914d\u4e0d\u540c\u5c4f\u5e55\uff0c\u53ef\u4ee5\u7528\u5a92\u4f53\u67e5\u8be2\u52a8\u6001\u8c03\u6574\u9aa8\u67b6\u5757\u7684\u5927\u5c0f\u3001\u6570\u91cf\u548c\u6392\u5217\u65b9\u5f0f\uff0c\u6bd4\u5982\u624b\u673a\u7aef\u7684\u5546\u54c1\u5361\u7247\u9aa8\u67b6\u662f\u5355\u5217\uff0c\u5e73\u677f\u7aef\u662f\u53cc\u5217\uff0cPC\u7aef\u662f\u4e09\u5217\uff0c\u4fdd\u8bc1\u4e0d\u540c\u8bbe\u5907\u4e0b\u7684\u7528\u6237\u4f53\u9a8c\u4e00\u81f4\u3002<\/p><\/li><\/ol>
          \u4e1a\u52a1\u573a\u666f\u5c42\u9762\uff1a\u8ba9\u9aa8\u67b6\u5c4f\u66f4\u201c\u8d34\u5408\u201d\u201c\u5b9e\u7528\u201d<\/h3>
          \u4e0d\u540c\u7c7b\u578b\u7684\u4ea7\u54c1\uff08\u5982\u8d44\u8baf\u3001\u7535\u5546\u3001\u5de5\u5177\u7c7b\uff09\uff0c\u9875\u9762\u7ed3\u6784\u548c\u7528\u6237\u9700\u6c42\u4e0d\u540c\uff0c\u9aa8\u67b6\u5c4f\u7684\u4f18\u5316\u4e5f\u8981\u7ed3\u5408\u4e1a\u52a1\u7279\u70b9\u3002<\/p>
          1. \u8d44\u8baf\u7c7b\u9875\u9762\uff1a\u8fd8\u539f\u5185\u5bb9\u7ed3\u6784\uff0c\u51cf\u5c11\u8ba4\u77e5\u5dee<\/strong>\uff1a\u8d44\u8bafAPP\u7684\u6587\u7ae0\u9875\uff0c\u9aa8\u67b6\u5c4f\u8981\u6a21\u62df\u6807\u9898\u3001\u6b63\u6587\u6bb5\u843d\u3001\u914d\u56fe\u7684\u4f4d\u7f6e\u548c\u5927\u5c0f\uff0c\u6bd4\u5982\u6807\u9898\u7684\u9aa8\u67b6\u5757\u957f\u5ea6\u548c\u5b9e\u9645\u6807\u9898\u7684\u5b57\u6570\u8303\u56f4\u5339\u914d\uff0c\u6b63\u6587\u7684\u9aa8\u67b6\u5757\u884c\u6570\u548c\u6587\u7ae0\u957f\u5ea6\u5173\u8054\uff08\u957f\u6587\u7ae0\u591a\u51e0\u884c\uff0c\u77ed\u6587\u7ae0\u5c11\u51e0\u884c\uff09\uff0c\u914d\u56fe\u7684\u9aa8\u67b6\u5757\u5927\u5c0f\u548c\u5b9e\u9645\u56fe\u7247\u6bd4\u4f8b\u4e00\u81f4\uff0c\u8fd9\u6837\u7528\u6237\u770b\u5230\u9aa8\u67b6\u65f6\uff0c\u5c31\u80fd\u9884\u5224\u6587\u7ae0\u7684\u5927\u81f4\u957f\u5ea6\u548c\u7ed3\u6784\uff0c\u7b49\u5f85\u65f6\u66f4\u6709\u8010\u5fc3\u3002<\/p><\/li>
          2. \u7535\u5546\u7c7b\u9875\u9762\uff1a\u5f3a\u5316\u5546\u54c1\u611f\u77e5\uff0c\u63d0\u5347\u8f6c\u5316<\/strong>\uff1a\u5546\u54c1\u5217\u8868\u9875\u7684\u9aa8\u67b6\u5c4f\uff0c\u8981\u6a21\u62df\u5546\u54c1\u5361\u7247\u7684\u6570\u91cf\u3001\u6392\u5217\u65b9\u5f0f\uff0c\u751a\u81f3\u53ef\u4ee5\u5728\u9aa8\u67b6\u4e0a\u6dfb\u52a0\u201c\u6a21\u7cca\u7684\u4ef7\u683c\u533a\u95f4\u201d\u201c\u6298\u6263\u6807\u7b7e\u7684\u5360\u4f4d\u201d\uff0c\u8ba9\u7528\u6237\u63d0\u524d\u611f\u77e5\u4f18\u60e0\u4fe1\u606f\uff1b\u5546\u54c1\u8be6\u60c5\u9875\u7684\u9aa8\u67b6\uff0c\u8981\u7a81\u51fa\u4e3b\u56fe\u3001\u4ef7\u683c\u3001\u8d2d\u4e70\u6309\u94ae\u7684\u4f4d\u7f6e\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u5b9a\u4f4d\u6838\u5fc3\u64cd\u4f5c\u533a\u57df\u3002<\/p><\/li>
          3. \u5de5\u5177\u7c7b\/\u8868\u5355\u7c7b\u9875\u9762\uff1a\u660e\u786e\u64cd\u4f5c\u533a\u57df\uff0c\u964d\u4f4e\u7126\u8651<\/strong>\uff1a\u6bd4\u5982\u94f6\u884cAPP\u7684\u8f6c\u8d26\u9875\u9762\uff0c\u9aa8\u67b6\u5c4f\u8981\u6a21\u62df\u8f93\u5165\u6846\u3001\u91d1\u989d\u663e\u793a\u3001\u6309\u94ae\u7684\u4f4d\u7f6e\uff0c\u8ba9\u7528\u6237\u63d0\u524d\u77e5\u9053\u201c\u6211\u8be5\u5728\u54ea\u91cc\u8f93\u5165\u91d1\u989d\u201d\u201c\u786e\u8ba4\u6309\u94ae\u5728\u54ea\u4e2a\u4f4d\u7f6e\u201d\uff0c\u8fd9\u6837\u7528\u6237\u5728\u7b49\u5f85\u65f6\uff0c\u5927\u8111\u53ef\u4ee5\u63d0\u524d\u51c6\u5907\u64cd\u4f5c\u903b\u8f91\uff0c\u51cf\u5c11\u56e0\u4e3a\u201c\u4e0d\u77e5\u9053\u8981\u505a\u4ec0\u4e48\u201d\u5e26\u6765\u7684\u7126\u8651\u3002<\/p><\/li><\/ol>
            \u4f18\u5316\u8fc7\u7a0b\u4e2d\u9700\u8981\u6ce8\u610f\u7684\u7ec6\u8282\u4e0e\u907f\u5751\u6307\u5357<\/h2>
            \u4f18\u5316\u9aa8\u67b6\u5c4f\u4e0d\u662f\u4e00\u8e74\u800c\u5c31\u7684,\u8fd8\u6709\u4e00\u4e9b\u7ec6\u8282\u9700\u8981\u5173\u6ce8\uff0c\u5426\u5219\u53ef\u80fd\u201c\u4f18\u5316\u201d\u53d8\u201c\u8d1f\u4f18\u5316\u201d\u3002<\/p>
            1. \u63a7\u5236\u9aa8\u67b6\u5c4f\u7684\u663e\u793a\u65f6\u957f\u4e0e\u5207\u6362\u65f6\u673a<\/strong>\uff1a\u9aa8\u67b6\u5c4f\u7684\u663e\u793a\u65f6\u95f4\u4e0d\u80fd\u592a\u957f\uff0c\u5426\u5219\u7528\u6237\u4f1a\u89c9\u5f97\u201c\u4e00\u76f4\u5728\u52a0\u8f7d\uff0c\u5185\u5bb9\u51fa\u4e0d\u6765\u201d\uff0c\u9aa8\u67b6\u5c4f\u7684\u663e\u793a\u65f6\u957f\u6700\u597d\u63a7\u5236\u57281\u79d2\u4ee5\u5185\uff0c\u8d85\u8fc72\u79d2\u5c31\u8981\u8003\u8651\u662f\u5426\u6709\u8d44\u6e90\u52a0\u8f7d\u8fc7\u6162\u7684\u95ee\u9898\uff0c\u5207\u6362\u65f6\u673a\u8981\u548c\u8d44\u6e90\u52a0\u8f7d\u8fdb\u5ea6\u540c\u6b65\uff0c\u6bd4\u5982\u9996\u5c4f\u8d44\u6e90\u52a0\u8f7d\u5b8c\u6210\u540e\uff0c\u7acb\u5373\u66ff\u6362\u9aa8\u67b6\uff0c\u907f\u514d\u201c\u9aa8\u67b6\u8fd8\u5728\uff0c\u5185\u5bb9\u5374\u6ca1\u51c6\u5907\u597d\u201d\u7684\u5c34\u5c2c\u3002<\/p><\/li>
            2. \u517c\u5bb9\u6027\u4e0e\u6027\u80fd\u635f\u8017\u7684\u5e73\u8861<\/strong>\uff1a\u4e0d\u540c\u6d4f\u89c8\u5668\u5bf9CSS\u52a8\u753b\u3001JS API\u7684\u652f\u6301\u4e0d\u540c\uff0c\u6bd4\u5982\u4f4e\u7248\u672c\u5b89\u5353\u624b\u673a\u5bf9IntersectionObserver<\/code>\u7684\u652f\u6301\u4e0d\u597d\uff0c\u8981\u505a\u964d\u7ea7\u5904\u7406\uff08\u6bd4\u5982\u7528\u6eda\u52a8\u4e8b\u4ef6\u76d1\u542c\uff0c\u4f46\u6ce8\u610f\u6027\u80fd\uff09\uff0c\u9aa8\u67b6\u5c4f\u7684\u52a8\u6001\u751f\u6210\u903b\u8f91\uff08\u6bd4\u5982Puppeteer\u751f\u6210\uff09\u4f1a\u589e\u52a0\u6784\u5efa\u65f6\u95f4\uff0c\u8981\u5728\u5f00\u53d1\u6548\u7387\u548c\u6027\u80fd\u4e4b\u95f4\u627e\u5e73\u8861\uff0c\u5c0f\u9879\u76ee\u53ef\u4ee5\u8003\u8651\u624b\u52a8\u4f18\u5316\uff0c\u5927\u9879\u76ee\u518d\u7528\u81ea\u52a8\u5316\u5de5\u5177\u3002<\/p><\/li>
            3. \u6570\u636e\u9a71\u52a8\uff0c\u6301\u7eed\u8fed\u4ee3\u4f18\u5316<\/strong>\uff1a\u4f18\u5316\u540e\u8981\u901a\u8fc7\u7528\u6237\u884c\u4e3a\u6570\u636e\u9a8c\u8bc1\u6548\u679c\uff0c\u6bd4\u5982\u7edf\u8ba1\u9875\u9762\u505c\u7559\u65f6\u95f4\u3001\u8df3\u51fa\u7387\u3001\u8f6c\u5316\u7387\u7684\u53d8\u5316\uff0c\u5982\u679c\u53d1\u73b0\u9aa8\u67b6\u5c4f\u4f18\u5316\u540e\uff0c\u7528\u6237\u505c\u7559\u65f6\u95f4\u53cd\u800c\u51cf\u5c11\uff0c\u53ef\u80fd\u662f\u9aa8\u67b6\u548c\u771f\u5b9e\u5185\u5bb9\u7684\u5dee\u5f02\u592a\u5927\uff0c\u6216\u8005\u52a8\u753b\u592a\u82b1\u54e8\u5206\u6563\u4e86\u6ce8\u610f\u529b\uff0c\u9700\u8981\u91cd\u65b0\u8c03\u6574\u65b9\u6848\u3002<\/p><\/li><\/ol>
              \u672a\u6765\u9aa8\u67b6\u5c4f\u4f18\u5316\u7684\u8d8b\u52bf\u4e0e\u601d\u8003<\/h2>
              \u4f18\u5316\u9aa8\u67b6\u5c4f\u4e0d\u662f\u7ec8\u70b9,\u968f\u7740\u6280\u672f\u53d1\u5c55\uff0c\u8fd8\u6709\u66f4\u591a\u53ef\u80fd\u6027\u503c\u5f97\u63a2\u7d22\u3002<\/p>
              1. AI\u9a71\u52a8\u7684\u52a8\u6001\u9aa8\u67b6\u751f\u6210<\/strong>\uff1a\u672a\u6765\u53ef\u80fd\u901a\u8fc7AI\u5206\u6790\u9875\u9762\u5185\u5bb9\u7684\u4f18\u5148\u7ea7\u3001\u7528\u6237\u7684\u6d4f\u89c8\u4e60\u60ef\uff0c\u52a8\u6001\u751f\u6210\u66f4\u8d34\u5408\u7528\u6237\u9700\u6c42\u7684\u9aa8\u67b6\uff0c\u6839\u636e\u7528\u6237\u5386\u53f2\u70b9\u51fb\u8bb0\u5f55\uff0c\u4f18\u5148\u52a0\u8f7d\u7528\u6237\u611f\u5174\u8da3\u533a\u57df\u7684\u9aa8\u67b6\uff0c\u8ba9\u7b49\u5f85\u66f4\u201c\u4e2a\u6027\u5316\u201d\u3002<\/p><\/li>
              2. \u81ea\u9002\u5e94\u7f51\u7edc\u7684\u9aa8\u67b6\u7b56\u7565<\/strong>\uff1a\u5728\u5f31\u7f51\u73af\u5883\u4e0b\uff0c\u7b80\u5316\u9aa8\u67b6\u7684\u590d\u6742\u5ea6\uff08\u6bd4\u5982\u53ea\u4fdd\u7559\u6838\u5fc3\u7ed3\u6784\uff09\uff0c\u51cf\u5c11\u8d44\u6e90\u52a0\u8f7d\u91cf\uff1b\u5728\u5f3a\u7f51\u73af\u5883\u4e0b\uff0c\u5c55\u793a\u66f4\u8be6\u7ec6\u7684\u9aa8\u67b6\uff08\u6bd4\u5982\u5305\u542b\u66f4\u591a\u88c5\u9970\u5143\u7d20\u3001\u6587\u5b57\u5360\u4f4d\uff09\uff0c\u63d0\u5347\u89c6\u89c9\u4f53\u9a8c\u3002<\/p><\/li>
              3. \u8de8\u7aef\u7edf\u4e00\u7684\u9aa8\u67b6\u65b9\u6848<\/strong>\uff1aFlutter\u3001React Native\u7b49\u8de8\u7aef\u6846\u67b6\u666e\u53ca\u540e\uff0c\u672a\u6765\u53ef\u80fd\u51fa\u73b0\u201c\u4e00\u5957\u4ee3\u7801\uff0c\u591a\u7aef\u751f\u6210\u9002\u914d\u9aa8\u67b6\u201d\u7684\u65b9\u6848\uff0c\u51cf\u5c11\u524d\u7aef\u3001\u79fb\u52a8\u7aef\u7684\u5f00\u53d1\u6210\u672c\uff0c\u540c\u65f6\u4fdd\u8bc1\u591a\u7aef\u4f53\u9a8c\u4e00\u81f4\u3002<\/p><\/li><\/ol>
                \u9875\u9762\u9aa8\u67b6\u5c4f\u7684\u4f18\u5316,\u672c\u8d28\u4e0a\u662f\u201c\u7528\u6237\u4f53\u9a8c\u4f18\u5316\u201d\u7684\u4e00\u90e8\u5206\uff0c\u5b83\u4e0d\u662f\u7b80\u5355\u7684\u201c\u52a0\u4e2a\u7070\u8272\u5757\u201d\uff0c\u800c\u662f\u8981\u4ece\u6280\u672f\u3001\u8bbe\u8ba1\u3001\u4e1a\u52a1\u4e09\u4e2a\u7ef4\u5ea6\uff0c\u8ba9\u7528\u6237\u5728\u7b49\u5f85\u65f6\u201c\u6709\u671f\u5f85\u3001\u6709\u65b9\u5411\u3001\u6709\u51c6\u5907\u201d\uff0c\u901a\u8fc7\u7cbe\u51c6\u7684\u7ed3\u6784\u6a21\u62df\u3001\u6d41\u7545\u7684\u52a0\u8f7d\u4f53\u9a8c\u3001\u8d34\u5408\u573a\u666f\u7684\u8bbe\u8ba1\uff0c\u9aa8\u67b6\u5c4f\u624d\u80fd\u771f\u6b63\u6210\u4e3a\u63d0\u5347\u7528\u6237\u7559\u5b58\u548c\u8f6c\u5316\u7684\u201c\u9690\u5f62\u52a9\u624b\u201d\u3002<\/p>","pubDate":"Mon, 23 Mar 2026 10:07:43 +0800"},{"title":"\u7f51\u9875\u7aefSSH\u5ba2\u6237\u7aef\u8be5\u5982\u4f55\u5b9e\u73b0\uff1f","link":"https:\/\/www.jiangweishan.com\/article\/ssh-websockj-sjsgj234.html","description":"
                \"\u7f51\u9875\u7aefSSH\u5ba2\u6237\u7aef\u8be5\u5982\u4f55\u5b9e\u73b0\"<\/p>\n
                \u5728\u7ba1\u7406\u670d\u52a1\u5668\u3001\u8c03\u8bd5\u7269\u8054\u7f51\u8bbe\u5907\u65f6\uff0c\u4f20\u7edfSSH\u5ba2\u6237\u7aef\u9700\u8981\u5b89\u88c5\u8f6f\u4ef6\u3001\u914d\u7f6e\u73af\u5883\uff0c\u5728\u516c\u5171\u7f51\u7edc\u6216\u79fb\u52a8\u8bbe\u5907\u4e0a\u64cd\u4f5c\u4f1a\u5f88\u9ebb\u70e6\uff0c\u5982\u679c\u80fd\u76f4\u63a5\u901a\u8fc7\u7f51\u9875\u6253\u5f00\u7ec8\u7aef\uff0c\u50cf\u672c\u5730SSH\u5de5\u5177\u4e00\u6837\u8fdc\u7a0b\u7ba1\u7406\u8bbe\u5907\uff0c\u4f53\u9a8c\u4f1a\u66f4\u4fbf\u6377\uff0c\u7f51\u9875\u7aefSSH\u5ba2\u6237\u7aef\u5230\u5e95\u8be5\u600e\u4e48\u5b9e\u73b0\uff1f\u5b83\u7684\u6280\u672f\u96be\u70b9\u5728\u54ea\uff1f\u6709\u54ea\u4e9b\u6210\u719f\u7684\u65b9\u6848\u53ef\u4ee5\u53c2\u8003\uff1f\u63a5\u4e0b\u6765\u6211\u4eec\u4ece\u6280\u672f\u57fa\u7840\u3001\u529f\u80fd\u6a21\u5757\u3001\u5b89\u5168\u8bbe\u8ba1\u7b49\u65b9\u9762\u8be6\u7ec6\u62c6\u89e3\u8fd9\u4e2a\u95ee\u9898\u3002<\/p>\n
                \u7f51\u9875\u7aefSSH\u5ba2\u6237\u7aef\u7684\u6280\u672f\u57fa\u7840<\/h2>
                \u7f51\u9875\u7aefSSH\u5ba2\u6237\u7aef\u7684\u6838\u5fc3\u662f\u201c\u524d\u7aef\u7ec8\u7aef\u754c\u9762 + \u540e\u7aefSSH\u4ee3\u7406 + \u901a\u4fe1\u901a\u9053\u201d<\/strong>\u7684\u7ec4\u5408\uff0c\u8981\u8ba9\u6d4f\u89c8\u5668\u80fd\u548c\u8fdc\u7a0bSSH\u670d\u52a1\u5668\u4ea4\u4e92\uff0c\u9700\u89e3\u51b3\u4e09\u4e2a\u5173\u952e\u6280\u672f\u70b9\uff1a<\/p>\n
                \u901a\u4fe1\u5c42\uff1a\u957f\u8fde\u63a5\u7684\u5efa\u7acb<\/h3>
                SSH\u57fa\u4e8eTCP\u534f\u8bae,\u4f46\u6d4f\u89c8\u5668\u7684JavaScript\u65e0\u6cd5\u76f4\u63a5\u5efa\u7acbTCP\u8fde\u63a5\uff0c\u9700\u901a\u8fc7WebSocket<\/strong>\uff08\u6216HTTP\u957f\u8f6e\u8be2\uff0c\u4f46WebSocket\u66f4\u9ad8\u6548\uff09\u4f5c\u4e3a\u4e2d\u95f4\u901a\u9053\uff0c\u628a\u524d\u7aef\u7684\u64cd\u4f5c\u8f6c\u53d1\u7ed9\u540e\u7aef\uff0c\u540e\u7aef\u518d\u8f6c\u53d1\u7ed9SSH\u670d\u52a1\u5668\uff1b\u670d\u52a1\u5668\u7684\u8f93\u51fa\u5219\u53cd\u5411\u4f20\u8f93\uff0c\u524d\u7aef\u7528WebSocket\u548c\u540e\u7aef\u7684\u670d\u52a1\u5efa\u7acb\u957f\u8fde\u63a5\uff0c\u540e\u7aef\u7528Node.js\u7684ws<\/code>\u5e93\u3001Python\u7684websockets<\/code>\u5e93\u7ef4\u62a4\u8fde\u63a5\u3002<\/p>\n
                \u7ec8\u7aef\u6a21\u62df\uff1a\u754c\u9762\u7684\u6e32\u67d3<\/h3>
                \u8981\u5728\u7f51\u9875\u4e0a\u6a21\u62dfLinux\u7ec8\u7aef\u7684\u4ea4\u4e92\u4f53\u9a8c,\u9700\u5904\u7406\u5149\u6807\u79fb\u52a8\u3001\u989c\u8272\u6e32\u67d3\u3001\u952e\u76d8\u5feb\u6377\u952e\uff08\u5982Ctrl+C<\/code>\u3001Tab<\/code>\u8865\u5168\uff09\u7b49\uff0c\u5e38\u7528\u7684\u5f00\u6e90\u5e93\u662fxterm.js<\/strong>\uff0c\u5b83\u80fd\u5728\u6d4f\u89c8\u5668\u4e2d\u6e32\u67d3\u529f\u80fd\u5b8c\u6574\u7684\u7ec8\u7aef\u754c\u9762\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u6837\u5f0f\u3001\u952e\u76d8\u6620\u5c04\uff0c\u8fd8\u80fd\u5904\u7406\u6d41\u5f0f\u8f93\u51fa\uff0c\u907f\u514d\u5927\u6587\u672c\u5bfc\u81f4\u7684\u5361\u987f\u3002<\/p>\n
                SSH\u534f\u8bae\u5904\u7406\uff1a\u540e\u7aef\u7684\u4ee3\u7406\u89d2\u8272<\/h3>
                \u540e\u7aef\u9700\u4f5c\u4e3a\u201c\u4ee3\u7406\u201d\uff0c\u548c\u76ee\u6807SSH\u670d\u52a1\u5668\u5efa\u7acb\u8fde\u63a5\uff0c\u5904\u7406\u8ba4\u8bc1\uff08\u5bc6\u7801\u3001\u5bc6\u94a5\uff09\u3001\u6267\u884c\u547d\u4ee4\u3001\u4f20\u8f93\u6570\u636e\uff0c\u4e0d\u540c\u8bed\u8a00\u6709\u4e0d\u540c\u7684\u5e93\uff1aPython\u7528Paramiko<\/code>\uff0cNode.js\u7528ssh2<\/code>\uff0cGo\u7528\u5b98\u65b9\u7684golang.org\/x\/crypto\/ssh<\/code>\u5305\uff0c\u8fd9\u4e9b\u5e93\u80fd\u5c01\u88c5SSH\u7684\u590d\u6742\u534f\u8bae\uff08\u5982\u5bc6\u94a5\u4ea4\u6362\u3001\u8ba4\u8bc1\u6d41\u7a0b\u3001\u4f1a\u8bdd\u7ba1\u7406\uff09\u3002<\/p>\n
                \u6838\u5fc3\u529f\u80fd\u6a21\u5757\u7684\u5b9e\u73b0\u601d\u8def<\/h2>
                \u7ec8\u7aef\u4ea4\u4e92\u754c\u9762\u7684\u642d\u5efa<\/h3>
                \u524d\u7aef\u7528xterm.js\u5feb\u901f\u5b9e\u73b0\u7ec8\u7aef\u754c\u9762\uff0c\u4ee5\u4e0b\u662f\u7b80\u5316\u7684\u4ee3\u7801\u793a\u4f8b\uff1a<\/p>\n
                <!DOCTYPE html>\n<html>\n<head>\n  <link rel="stylesheet" href="xterm.css" \/>\n  <script src="xterm.js"><\/script>\n<\/head>\n<body>\n  <div id="terminal"><\/div>\n  <script>\n    const term = new Terminal({\n      cursorBlink: true,\n      theme: { background: '#1e1e1e', foreground: '#fff' }\n    });\n    term.open(document.getElementById('terminal'));\n    \/\/ \u5efa\u7acbWebSocket\u8fde\u63a5\n    const socket = new WebSocket('wss:\/\/your-server.com\/ssh');\n    socket.onmessage = (event) => {\n      \/\/ \u628a\u670d\u52a1\u5668\u8fd4\u56de\u7684\u8f93\u51fa\u5199\u5165\u7ec8\u7aef\n      term.write(event.data);\n    };\n    \/\/ \u76d1\u542c\u7528\u6237\u8f93\u5165\uff0c\u8f6c\u53d1\u7ed9\u670d\u52a1\u5668\n    term.onData((data) => {\n      socket.send(data);\n    });\n  <\/script>\n<\/body>\n<\/html><\/pre>
                \u5b9e\u9645\u9879\u76ee\u4e2d,\u8fd8\u9700\u5904\u7406\u7a97\u53e3\u5927\u5c0f\u8c03\u6574\uff08term.resize()<\/code>\uff09\u3001\u952e\u76d8\u5feb\u6377\u952e\uff08\u5982Ctrl+V<\/code>\u7c98\u8d34\uff09\u3001\u53f3\u952e\u83dc\u5355\u7b49\u7ec6\u8282\u3002<\/p>\n
                SSH\u534f\u8bae\u4ee3\u7406\u4e0e\u8f6c\u53d1<\/h3>
                \u540e\u7aef\u7684\u89d2\u8272\u662f\u201c\u4e2d\u95f4\u4eba\u201d\uff0c\u9700\u540c\u65f6\u5904\u7406\u524d\u7aef\u7684WebSocket\u8fde\u63a5\u548c\u76ee\u6807SSH\u670d\u52a1\u5668\u7684\u8fde\u63a5\uff0c\u4ee5Node.js\u7684ssh2<\/code>\u5e93\u4e3a\u4f8b\uff0c\u540e\u7aef\u903b\u8f91\u5927\u81f4\u5982\u4e0b\uff1a<\/p>\n
                const { Server } = require('ws');\nconst { Client } = require('ssh2');\nconst wss = new Server({ port: 8080 });\nwss.on('connection', (ws) => {\n  \/\/ \u524d\u7aef\u8fde\u63a5\u5efa\u7acb\u540e\uff0c\u521b\u5efaSSH\u5ba2\u6237\u7aef\n  const ssh = new Client();\n  ssh.on('ready', () => {\n    \/\/ \u6253\u5f00SSH\u4f1a\u8bdd\uff0c\u6267\u884cshell\n    ssh.shell((err, stream) => {\n      if (err) return ws.close();\n      \/\/ \u524d\u7aef\u6570\u636e\u8f6c\u53d1\u7ed9SSH stream\n      ws.on('message', (data) => {\n        stream.write(data);\n      });\n      \/\/ SSH\u8f93\u51fa\u8f6c\u53d1\u7ed9\u524d\u7aef\n      stream.on('data', (data) => {\n        ws.send(data);\n      });\n      stream.on('close', () => {\n        ssh.end();\n        ws.close();\n      });\n    });\n  }).connect({\n    host: 'target-server',\n    port: 22,\n    username: 'user',\n    password: 'pass' \/\/ \u6216privateKey\n  });\n});<\/pre>
                \u5b9e\u9645\u5e94\u7528\u4e2d,\u9700\u5904\u7406\u8ba4\u8bc1\u65b9\u5f0f\uff08\u5bc6\u7801\u3001\u5bc6\u94a5\uff09\u3001\u8fde\u63a5\u8d85\u65f6\u3001\u9519\u8bef\u91cd\u8bd5\uff0c\u8fd8\u8981\u652f\u6301\u7528\u6237\u9009\u62e9\u4e0d\u540c\u7684\u670d\u52a1\u5668\uff08host<\/code>\u3001port<\/code>\u52a8\u6001\u4f20\u5165\uff09\u3002<\/p>\n
                \u4f1a\u8bdd\u7ba1\u7406\u4e0e\u65ad\u7ebf\u91cd\u8fde<\/h3>
                \u7528\u6237\u53ef\u80fd\u5728\u591a\u4e2a\u6807\u7b7e\u9875\u64cd\u4f5c,\u6216\u56e0\u7f51\u7edc\u6ce2\u52a8\u65ad\u7ebf\uff0c\u9700\u901a\u8fc7\u4ee5\u4e0b\u65b9\u5f0f\u7ba1\u7406\u4f1a\u8bdd\uff1a<\/p>\n
                • \u4f1a\u8bdd\u6807\u8bc6<\/strong>\uff1a\u540e\u7aef\u4e3a\u6bcf\u4e2a\u8fde\u63a5\u751f\u6210\u552f\u4e00ID\uff0c\u5b58\u4e8eRedis\u6216\u5185\u5b58\uff0c\u8bb0\u5f55\u8fde\u63a5\u72b6\u6001\uff08\u6d3b\u8dc3\u3001\u65ad\u5f00\uff09\u3002<\/p>\n<\/li>
                • \u65ad\u7ebf\u91cd\u8fde<\/strong>\uff1a\u524d\u7aef\u76d1\u542cWebSocket\u7684close<\/code>\u4e8b\u4ef6\uff0c\u89e6\u53d1\u91cd\u8fde\u903b\u8f91\uff0c\u5e26\u4e0a\u4f1a\u8bddID\uff0c\u540e\u7aef\u6839\u636eID\u6062\u590d\u8fde\u63a5\uff08\u6216\u91cd\u5efa\uff09\u3002<\/p>\n<\/li>
                • \u591a\u7ec8\u7aef\u540c\u6b65<\/strong>\uff1a\u82e5\u7528\u6237\u5728\u624b\u673a\u548cPC\u540c\u65f6\u64cd\u4f5c\uff0c\u540e\u7aef\u53ef\u5c06\u4f1a\u8bdd\u8f93\u51fa\u5e7f\u64ad\u5230\u6240\u6709\u5173\u8054\u7684WebSocket\u8fde\u63a5\u3002<\/p>\n<\/li><\/ul>
                  \u5b89\u5168\u673a\u5236\u7684\u8bbe\u8ba1\u8981\u70b9<\/h2>
                  \u4f20\u8f93\u5c42\u7684\u5b89\u5168\u4fdd\u969c<\/h3>
                  \u7f51\u9875\u7aef\u5230\u540e\u7aef\u7684\u901a\u9053\u5fc5\u987b\u52a0\u5bc6,\u5426\u5219\u7528\u6237\u7684SSH\u5bc6\u7801\u3001\u5bc6\u94a5\u4f1a\u88ab\u4e2d\u95f4\u4eba\u7a83\u53d6\uff0cWebSocket\u9700\u4f7f\u7528wss<\/code>\uff08\u57fa\u4e8eTLS\u7684WebSocket\uff09\uff0c\u540e\u7aef\u914d\u7f6eSSL\u8bc1\u4e66\uff08\u53ef\u4f7f\u7528Let's Encrypt\u514d\u8d39\u8bc1\u4e66\uff09\u3002<\/p>\n
                  \u540e\u7aef\u670d\u52a1\u5668\u9700\u9650\u5236\u8bbf\u95ee\u6765\u6e90\uff08\u5982\u901a\u8fc7Nginx\u53cd\u5411\u4ee3\u7406\uff0c\u53ea\u5141\u8bb8\u7279\u5b9a\u57df\u540d\u7684\u8bf7\u6c42\uff09\uff0c\u9632\u6b62\u6076\u610f\u7b2c\u4e09\u65b9\u8fde\u63a5WebSocket\u670d\u52a1\u3002<\/p>\n
                  \u8eab\u4efd\u8ba4\u8bc1\u4e0e\u6743\u9650\u63a7\u5236<\/h3>
                  \u7f51\u9875\u7aef\u7528\u6237\u9700\u5148\u767b\u5f55\uff08\u5982OAuth\u3001\u4f01\u4e1aLDAP\uff09\uff0c\u83b7\u53d6\u64cd\u4f5c\u6743\u9650\uff0cSSH\u7684\u8ba4\u8bc1\uff08\u5bc6\u7801\u3001\u5bc6\u94a5\uff09\u9700\u548c\u7f51\u9875\u7aef\u8eab\u4efd\u7ed1\u5b9a\uff1a<\/p>\n
                  • \u5bc6\u7801\u8ba4\u8bc1<\/strong>\uff1a\u7528\u6237\u5728\u7f51\u9875\u7aef\u8f93\u5165SSH\u5bc6\u7801\uff0c\u540e\u7aef\u8f6c\u53d1\u7ed9\u76ee\u6807\u670d\u52a1\u5668\uff0c\u786e\u4fdd\u5bc6\u7801\u4ec5\u5728\u5185\u5b58\u4e2d\u4f20\u8f93\uff0c\u4e0d\u843d\u5730\u5b58\u50a8\u3002<\/p>\n<\/li>
                  • \u5bc6\u94a5\u8ba4\u8bc1<\/strong>\uff1a\u524d\u7aef\u4e0d\u76f4\u63a5\u4f20\u8f93\u79c1\u94a5\u660e\u6587\uff0c\u53ef\u8ba9\u7528\u6237\u4e0a\u4f20\u52a0\u5bc6\u540e\u7684\u79c1\u94a5\uff08\u5982\u7528TLS\u52a0\u5bc6\u4f20\u8f93\uff09\uff0c\u540e\u7aef\u89e3\u5bc6\u540e\u7528\u4e8eSSH\u8fde\u63a5\uff1b\u6216\u540e\u7aef\u52a0\u5bc6\u5b58\u50a8\u79c1\u94a5\uff0c\u7528\u6237\u767b\u5f55\u540e\u89e3\u5bc6\u4f7f\u7528\u3002<\/p>\n<\/li><\/ul>
                    \u6743\u9650\u63a7\u5236\u65b9\u9762,\u9700\u9650\u5236\u7528\u6237\u80fd\u8bbf\u95ee\u7684\u670d\u52a1\u5668\u3001\u6267\u884c\u7684\u547d\u4ee4\uff08\u5982\u7981\u6b62sudo<\/code>\u3001rm -rf<\/code>\u7b49\u9ad8\u5371\u547d\u4ee4\uff09\uff0c\u53ef\u901a\u8fc7\u6b63\u5219\u5339\u914d\u6216\u9ed1\u767d\u540d\u5355\u8fc7\u6ee4\u3002<\/p>\n
                    \u5ba1\u8ba1\u4e0e\u65e5\u5fd7\u8bb0\u5f55<\/h3>
                    \u5408\u89c4\u8981\u6c42\uff08\u5982\u91d1\u878d\u3001\u533b\u7597\u884c\u4e1a\uff09\u9700\u8bb0\u5f55\u7528\u6237\u64cd\u4f5c\uff0c\u540e\u7aef\u53ef\u5c06\u6bcf\u4e2a\u4f1a\u8bdd\u7684\u8f93\u5165\u8f93\u51fa\u5b9e\u65f6\u5199\u5165\u65e5\u5fd7\u6587\u4ef6\u6216Elasticsearch\uff0c\u4fbf\u4e8e\u68c0\u7d22\u548c\u5ba1\u8ba1\uff0c\u65e5\u5fd7\u9700\u5305\u542b\u7528\u6237ID\u3001\u4f1a\u8bddID\u3001\u65f6\u95f4\u3001\u670d\u52a1\u5668\u5730\u5740\u3001\u64cd\u4f5c\u5185\u5bb9\u3002<\/p>\n
                    \u6027\u80fd\u4f18\u5316\u4e0e\u517c\u5bb9\u6027\u95ee\u9898<\/h2>
                    \u6570\u636e\u4f20\u8f93\u4e0e\u6e32\u67d3\u4f18\u5316<\/h3>
                    \u5f53\u670d\u52a1\u5668\u8f93\u51fa\u5927\u91cf\u6570\u636e\uff08\u5982cat<\/code>\u5927\u6587\u4ef6\uff09\uff0c\u524d\u7aef\u6e32\u67d3\u4f1a\u5361\u987f\uff0c\u53ef\u901a\u8fc7\u4ee5\u4e0b\u65b9\u5f0f\u4f18\u5316\uff1a<\/p>\n
                    • \u6d41\u5f0f\u6e32\u67d3<\/strong>\uff1axterm.js\u652f\u6301\u5206\u6279\u6e32\u67d3\u6570\u636e\uff08\u5982\u6bcf1024\u5b57\u8282\u6e32\u67d3\u4e00\u6b21\uff09\uff0c\u907f\u514dDOM\u9891\u7e41\u66f4\u65b0\u3002<\/p>\n<\/li>
                    • \u6570\u636e\u538b\u7f29<\/strong>\uff1a\u7528zlib<\/code>\u538b\u7f29WebSocket\u7684payload\uff0c\u51cf\u5c11\u5e26\u5bbd\u5360\u7528\u3002<\/p>\n<\/li><\/ul>
                      \u591a\u7ec8\u7aef\u9002\u914d\u4e0e\u89e6\u6478\u64cd\u4f5c<\/h3>
                      \u79fb\u52a8\u7aef\u9700\u9002\u914d\u865a\u62df\u952e\u76d8,xterm.js\u63d0\u4f9b\u89e6\u6478\u4e8b\u4ef6\u652f\u6301\uff0c\u4e5f\u53ef\u81ea\u5b9a\u4e49\u865a\u62df\u952e\u76d8\u5e03\u5c40\uff08\u5982\u5e95\u90e8\u663e\u793aCtrl<\/code>\u3001Alt<\/code>\u3001Tab<\/code>\u7b49\u5e38\u7528\u6309\u952e\uff09\uff0c\u901a\u8fc7CSS\u5a92\u4f53\u67e5\u8be2\u8c03\u6574\u7ec8\u7aef\u5bbd\u9ad8\uff0c\u786e\u4fdd\u624b\u673a\u3001\u5e73\u677f\u4e0a\u7684\u517c\u5bb9\u6027\u3002<\/p>\n
                      \u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u5904\u7406<\/h3>
                      \u4e0d\u540c\u6d4f\u89c8\u5668\u5bf9WebSocket\u3001WebGL\uff08xterm.js\u6e32\u67d3\u53ef\u80fd\u7528\u5230\uff09\u7684\u652f\u6301\u4e0d\u540c\uff0c\u53ef\u901a\u8fc7Can I Use\u67e5\u8be2\u7279\u6027\u652f\u6301\uff0c\u5bf9\u4e0d\u517c\u5bb9\u7684\u6d4f\u89c8\u5668\u63d0\u793a\u7528\u6237\u4f7f\u7528\u517c\u5bb9\u7248\u672c\uff0c\u6216\u63d0\u4f9b\u964d\u7ea7\u65b9\u6848\uff08\u5982HTTP\u957f\u8f6e\u8be2\uff09\u3002<\/p>\n
                      \u5f00\u6e90\u65b9\u6848\u4e0e\u6848\u4f8b\u53c2\u8003<\/h2>
                      \u5f00\u6e90\u9879\u76ee\u7684\u67b6\u6784\u5206\u6790<\/h3>
                      \u82e5\u4e0d\u60f3\u4ece\u96f6\u5f00\u53d1,\u53ef\u53c2\u8003\u6210\u719f\u7684\u5f00\u6e90\u9879\u76ee\uff1a<\/p>\n
                      • WebSSH<\/strong>\uff08Python+Flask+Paramiko\uff09\uff1a\u524d\u7aef\u7528xterm.js\uff0c\u540e\u7aef\u7528Flask\u5904\u7406WebSocket\uff0cParamiko\u5904\u7406SSH\u8fde\u63a5\uff0c\u652f\u6301\u5bc6\u7801\u3001\u5bc6\u94a5\u8ba4\u8bc1\uff0c\u90e8\u7f72\u7b80\u5355\u3002<\/p>\n<\/li>
                      • GateOne<\/strong>\uff08Python+Tornado\uff09\uff1a\u529f\u80fd\u4e30\u5bcc\uff0c\u652f\u6301\u591a\u7528\u6237\u3001\u591a\u4f1a\u8bdd\uff0c\u5185\u7f6eOAuth\u8ba4\u8bc1\uff0c\u754c\u9762\u7f8e\u89c2\u4f46\u90e8\u7f72\u590d\u6742\u3002<\/p>\n<\/li>
                      • Shellinabox<\/strong>\uff08C++\uff09\uff1a\u8f7b\u91cf\u7ea7\uff0c\u76f4\u63a5\u5d4c\u5165SSH\u7ec8\u7aef\uff0c\u4f46\u754c\u9762\u5b9a\u5236\u6027\u5dee\u3002<\/p>\n<\/li><\/ul>
                        \u4f01\u4e1a\u7ea7\u5e94\u7528\u6848\u4f8b<\/h3>
                        \u963f\u91cc\u4e91\u3001\u817e\u8baf\u4e91\u7684\u201cWeb\u7ec8\u7aef\u201d\u529f\u80fd\u662f\u7f51\u9875\u7aefSSH\u7684\u5178\u578b\u5e94\u7528\uff1a<\/p>\n
                        • \u652f\u6301\u591a\u533a\u57df\u3001\u591a\u5b9e\u4f8b\u7684\u670d\u52a1\u5668\u9009\u62e9\uff0c\u901a\u8fc7\u5185\u7f51\u4ee3\u7406\uff08\u5982\u963f\u91cc\u4e91\u7684EcsProxy\uff09\u8fde\u63a5\u76ee\u6807\u670d\u52a1\u5668\uff0c\u4fdd\u969c\u901f\u5ea6\u548c\u5b89\u5168\u3002<\/p>\n<\/li>
                        • \u7ed3\u5408\u4e91\u8d26\u53f7\u4f53\u7cfb,\u6743\u9650\u66f4\u7ec6\uff08\u5982\u53ea\u8bfb\u6743\u9650\u3001\u547d\u4ee4\u9ed1\u540d\u5355\uff09\u3002<\/p>\n<\/li>
                        • \u652f\u6301\u6587\u4ef6\u4e0a\u4f20\u4e0b\u8f7d\uff08\u901a\u8fc7SSH\u7684SCP\u534f\u8bae\uff0c\u524d\u7aef\u7528WebSocket\u8f6c\u53d1\u6570\u636e\u6d41\uff09\u3002<\/p>\n<\/li><\/ul>
                          \u81ea\u5efa\u7f51\u9875\u7aefSSH\u5ba2\u6237\u7aef\u7684\u5b9e\u8df5\u6b65\u9aa4<\/h2>
                          \u73af\u5883\u642d\u5efa\u4e0e\u6280\u672f\u9009\u578b<\/h3>
                          \u6280\u672f\u6808\u63a8\u8350\uff1a<\/p>\n
                          • \u524d\u7aef\uff1aVue\/React + xterm.js\uff08\u6216\u7eafJS\uff09\u3002<\/p>\n<\/li>
                          • \u540e\u7aef\uff1aNode.js\uff08ssh2<\/code>\u5e93\uff09\u3001Python\uff08Paramiko<\/code>+Flask\uff09\u3001Go\uff08\u5b98\u65b9ssh<\/code>\u5e93+Gin\uff09\u3002<\/p>\n<\/li>
                          • \u90e8\u7f72\uff1aDocker\uff08\u524d\u540e\u7aef\u5206\u79bb\uff0cNginx\u53cd\u5411\u4ee3\u7406\uff0c\u914d\u7f6eTLS\uff09\u3002<\/p>\n<\/li><\/ul>
                            \u524d\u7aef\u5f00\u53d1\u8981\u70b9<\/h3>
                            \u5728Vue\u4e2d\u96c6\u6210xterm.js\uff08\u7ec4\u4ef6\u5316\u793a\u4f8b\uff09\uff1a<\/p>\n
                            <template>\n  <div ref="terminal"><\/div>\n<\/template>\n<script>\nimport { Terminal } from 'xterm';\nimport { AttachAddon } from 'xterm-addon-attach';\nimport 'xterm\/css\/xterm.css';\nexport default {\n  mounted() {\n    const term = new Terminal();\n    term.open(this.$refs.terminal);\n    const socket = new WebSocket('wss:\/\/backend:8080');\n    const attachAddon = new AttachAddon(socket);\n    term.loadAddon(attachAddon);\n  }\n};\n<\/script><\/pre>
                            \u540e\u7aef\u5f00\u53d1\u4e0e\u90e8\u7f72<\/h3>
                            \u4ee5Node.js\u4e3a\u4f8b\uff0c\u5b9e\u73b0WebSocket\u4ee3\u7406\uff1a<\/p>\n
                            const WebSocket = require('ws');\nconst { Client } = require('ssh2');\nconst wss = new WebSocket.Server({ port: 8080 });\nwss.on('connection', (ws) => {\n  const ssh = new Client();\n  ssh.connect({\n    host: 'test-server',\n    username: 'test',\n    password: 'test'\n  }).then(() => {\n    ssh.shell((err, stream) => {\n      ws.on('message', (data) => stream.write(data));\n      stream.on('data', (data) => ws.send(data));\n      stream.on('close', () => { ssh.end(); ws.close(); });\n    });\n  });\n});<\/pre>
                            \u90e8\u7f72\u65f6,\u7528Docker\u6253\u5305\u524d\u540e\u7aef\uff1a<\/p>\n
                            # \u524d\u7aefDockerfile\nFROM node:18 as build\nWORKDIR \/app\nCOPY package*.json .\/\nRUN npm install\nCOPY . .\nRUN npm run build\nFROM nginx:alpine\nCOPY --from=build \/app\/dist \/usr\/share\/nginx\/html\nEXPOSE 80\nCMD ["nginx", "-g", "daemon off;"]\n# \u540e\u7aefDockerfile\nFROM node:18\nWORKDIR \/app\nCOPY package*.json .\/\nRUN npm install\nCOPY . .\nEXPOSE 8080\nCMD ["node", "server.js"]<\/pre>
                            \u6d4b\u8bd5\u4e0e\u4f18\u5316<\/h3>
                            \u672c\u5730\u6d4b\u8bd5\u9700\u8986\u76d6\u4ee5\u4e0b\u573a\u666f\uff1a<\/p>\n
                            • \u5bc6\u7801\/\u5bc6\u94a5\u8ba4\u8bc1\u662f\u5426\u6210\u529f\u3002<\/p>\n<\/li>
                            • \u5927\u8f93\u51fa\uff08\u5982cat<\/code>\u5927\u6587\u4ef6\uff09\u662f\u5426\u5361\u987f\u3002<\/p>\n<\/li>
                            • \u65ad\u7ebf\u91cd\u8fde\u662f\u5426\u6062\u590d\u4f1a\u8bdd\u3002<\/p>\n<\/li>
                            • \u591a\u7ec8\u7aef\uff08\u624b\u673a\u3001PC\uff09\u7684\u517c\u5bb9\u6027\u3002<\/p>\n<\/li><\/ul>
                              \u6839\u636e\u6d4b\u8bd5\u7ed3\u679c\u4f18\u5316\uff08\u5982\u8c03\u6574WebSocket\u5fc3\u8df3\u95f4\u9694\u3001\u4f18\u5316\u540e\u7aef\u8fde\u63a5\u6c60\u3001\u538b\u7f29\u4f20\u8f93\u6570\u636e\uff09\u3002<\/p>\n
                              \u7f51\u9875\u7aefSSH\u5ba2\u6237\u7aef\u7684\u5b9e\u73b0,\u6838\u5fc3\u662f\u524d\u7aef\u7ec8\u7aef\u6a21\u62df\u3001\u540e\u7aef\u534f\u8bae\u4ee3\u7406\u3001\u5b89\u5168\u673a\u5236\u8bbe\u8ba1\uff0c\u901a\u8fc7xterm.js+WebSocket+SSH\u5e93\u7684\u7ec4\u5408\uff0c\u7ed3\u5408\u5f00\u6e90\u9879\u76ee\u53c2\u8003\uff0c\u5373\u4f7f\u662f\u975e\u4e13\u4e1a\u56e2\u961f\u4e5f\u80fd\u5feb\u901f\u642d\u5efa\uff0c\u968f\u7740\u4e91\u539f\u751f\u3001\u8fdc\u7a0b\u529e\u516c\u7684\u53d1\u5c55\uff0c\u7f51\u9875\u7aefSSH\u7684\u9700\u6c42\u4f1a\u8d8a\u6765\u8d8a\u591a\uff0c\u638c\u63e1\u8fd9\u5957\u6280\u672f\u65b9\u6848\uff0c\u80fd\u8ba9\u670d\u52a1\u5668\u7ba1\u7406\u66f4\u4fbf\u6377\u3001\u66f4\u5b89\u5168\u3002<\/p>\n","pubDate":"Tue, 17 Mar 2026 10:59:38 +0800"},{"title":"\u957f\u5217\u8868\u865a\u62df\u6eda\u52a8\u5982\u4f55\u505a\u6027\u80fd\u4f18\u5316\uff1f","link":"https:\/\/www.jiangweishan.com\/article\/shujuyouhusdfj23fsdg.html","description":"
                              \"\u957f\u5217\u8868\u865a\u62df\u6eda\u52a8\u5982\u4f55\u505a\u6027\u80fd\u4f18\u5316\"<\/p>
                              \u5728\u524d\u7aef\u5f00\u53d1\u4e2d\uff0c\u5f53\u6211\u4eec\u9700\u8981\u5c55\u793a\u5927\u91cf\u6570\u636e\u5217\u8868\uff08\u6bd4\u5982\u7535\u5546\u7684\u5546\u54c1\u5217\u8868\u3001\u540e\u53f0\u7cfb\u7edf\u7684\u767e\u4e07\u7ea7\u65e5\u5fd7\uff09\u65f6\uff0c\u5982\u679c\u76f4\u63a5\u628a\u6240\u6709\u6570\u636e\u90fd\u6e32\u67d3\u5230\u9875\u9762\u4e0a\uff0c\u6d4f\u89c8\u5668\u4f1a\u56e0\u4e3aDOM\u8282\u70b9\u8fc7\u591a\u800c\u51fa\u73b0\u5361\u987f\u3001\u6389\u5e27\u751a\u81f3\u5d29\u6e83\u7684\u60c5\u51b5\uff0c\u865a\u62df\u6eda\u52a8\u6280\u672f\u5e94\u8fd0\u800c\u751f\u2014\u2014\u5b83\u901a\u8fc7\u53ea\u6e32\u67d3\u53ef\u89c6\u533a\u57df\u5185<\/strong>\u7684\u5217\u8868\u9879\uff0c\u5927\u5e45\u51cf\u5c11DOM\u6570\u91cf\uff0c\u4f46\u5728\u590d\u6742\u573a\u666f\u4e0b\uff08\u6bd4\u5982\u5e26\u52a8\u753b\u3001\u590d\u6742\u7ec4\u4ef6\u5d4c\u5957\u3001\u5b9e\u65f6\u6570\u636e\u66f4\u65b0\uff09\uff0c\u865a\u62df\u6eda\u52a8\u5217\u8868\u7684\u6027\u80fd\u4f9d\u7136\u4f1a\u9047\u5230\u74f6\u9888\uff0c\u957f\u5217\u8868\u865a\u62df\u6eda\u52a8\u8be5\u5982\u4f55\u505a\u6027\u80fd\u4f18\u5316,\u624d\u80fd\u8ba9\u9875\u9762\u65e2\u6d41\u7545\u53c8\u80fd\u627f\u8f7d\u6d77\u91cf\u6570\u636e\u5462\uff1f<\/p>
                              \u5148\u641e\u6e05\u695a\uff1a\u865a\u62df\u6eda\u52a8\u7684\u6838\u5fc3\u539f\u7406\u662f\u4ec0\u4e48\uff1f<\/h2>
                              \u865a\u62df\u6eda\u52a8\u7684\u6838\u5fc3\u662f\u201c\u53ea\u6e32\u67d3\u53ef\u89c6\u533a\u57df\uff0c\u5176\u4f59\u533a\u57df\u7528\u5360\u4f4d\u7b26\u586b\u5145\u201d<\/strong>\uff0c\u4e3e\u4e2a\u4f8b\u5b50\uff1a\u5047\u8bbe\u5217\u8868\u670910\u4e07\u6761\u6570\u636e\uff0c\u53ef\u89c6\u533a\u57df\u53ea\u80fd\u5bb9\u7eb330\u6761\uff0c\u90a3\u4e48\u865a\u62df\u6eda\u52a8\u4f1a\uff1a<\/p>
                              1. \u8ba1\u7b97\u5f53\u524d\u6eda\u52a8\u4f4d\u7f6e\uff08\u901a\u8fc7scrollTop<\/code>\u3001offsetTop<\/code>\u7b49\u5c5e\u6027\uff09\uff0c\u786e\u5b9a\u9700\u8981\u6e32\u67d3\u7684\u8d77\u59cb\u7d22\u5f15<\/strong>\u548c\u7ed3\u675f\u7d22\u5f15<\/strong>\uff08\u6bd4\u5982\u4ece\u7b2c100\u6761\u5230\u7b2c130\u6761\uff09\uff1b<\/p><\/li>
                              2. \u53ea\u6e32\u67d3\u8fd930\u6761\u6570\u636e\u7684DOM\u8282\u70b9\uff0c\u4e0a\u4e0b\u7528\u7a7a\u767d\u7684\u201c\u5360\u4f4d\u5757\u201d\uff08\u6bd4\u5982padding<\/code>\u6216\u7a7a<div><\/code>\uff09\u586b\u5145\uff0c\u6a21\u62df\u5217\u8868\u7684\u603b\u9ad8\u5ea6\uff1b<\/p><\/li>
                              3. \u5f53\u6eda\u52a8\u65f6\uff0c\u52a8\u6001\u66f4\u65b0\u53ef\u89c6\u533a\u57df\u7684\u5185\u5bb9\uff08\u6bd4\u5982\u6eda\u52a8\u5230\u7b2c200\u6761\u65f6\uff0c\u6e32\u67d3\u7b2c200-230\u6761\uff09\u3002<\/p><\/li><\/ol>
                                \u8fd9\u6837\uff0cDOM\u8282\u70b9\u6570\u91cf\u4ece10\u4e07\u7ea7\u9aa4\u51cf\u5230\u51e0\u5341\u7ea7\uff0c\u5927\u5e45\u964d\u4f4e\u6e32\u67d3\u538b\u529b\u3002<\/p>
                                \u4e3a\u4ec0\u4e48\u957f\u5217\u8868\u865a\u62df\u6eda\u52a8\u8fd8\u9700\u8981\u6027\u80fd\u4f18\u5316\uff1f<\/h2>
                                \u5373\u4f7f\u662f\u865a\u62df\u6eda\u52a8\uff0c\u5728\u4e00\u4e9b\u573a\u666f\u4e0b\u4f9d\u7136\u4f1a\u201c\u6389\u94fe\u5b50\u201d\uff1a<\/p>
                                • \u590d\u6742\u5217\u8868\u9879<\/strong>\uff1a\u5982\u679c\u5217\u8868\u9879\u5305\u542b\u56fe\u8868\u3001\u52a8\u753b\u3001\u5927\u91cf\u5b50\u7ec4\u4ef6\uff0c\u6e32\u67d3\u5355\u4e2a\u9879\u7684\u65f6\u95f4\u4f1a\u53d8\u957f\uff08\u8d85\u8fc7\u6d4f\u89c8\u5668\u4e00\u5e27\u768416ms\uff09\uff0c\u6eda\u52a8\u65f6\u6765\u4e0d\u53ca\u66f4\u65b0\uff1b<\/p><\/li>
                                • \u52a8\u6001\u6570\u636e\u66f4\u65b0<\/strong>\uff1a\u6bd4\u5982\u5b9e\u65f6\u63a8\u9001\u7684\u65e5\u5fd7\u3001\u80a1\u7968\u884c\u60c5\uff0c\u9891\u7e41\u91cd\u65b0\u8ba1\u7b97\u548c\u6e32\u67d3\u4f1a\u5bfc\u81f4\u5361\u987f\uff1b<\/p><\/li>
                                • \u8bbe\u5907\u6027\u80fd\u9650\u5236<\/strong>\uff1a\u79fb\u52a8\u7aefCPU\/GPU\u6027\u80fd\u6709\u9650\uff0c\u52a0\u4e0a\u6eda\u52a8\u4e8b\u4ef6\u7684\u9ad8\u9891\u89e6\u53d1\uff0c\u5bb9\u6613\u6389\u5e27\uff1b<\/p><\/li>
                                • \u5185\u5b58\u7ba1\u7406\u4e0d\u5f53<\/strong>\uff1a\u7f13\u5b58\u7684\u8282\u70b9\u6ca1\u53ca\u65f6\u91ca\u653e\uff0c\u4f1a\u5bfc\u81f4\u5185\u5b58\u6cc4\u6f0f\uff0c\u9875\u9762\u8d8a\u7528\u8d8a\u5361\u3002<\/p><\/li><\/ul>
                                  \u8fd9\u4e9b\u573a\u666f\u4e0b\uff0c\u5355\u7eaf\u7684\u201c\u57fa\u7840\u865a\u62df\u6eda\u52a8\u201d\u4e0d\u8db3\u4ee5\u652f\u6491\u6d41\u7545\u4f53\u9a8c\uff0c\u9700\u8981\u9488\u5bf9\u6027\u4f18\u5316\u3002<\/p>
                                  \u957f\u5217\u8868\u865a\u62df\u6eda\u52a8\u5e38\u89c1\u7684\u6027\u80fd\u201c\u5751\u201d\u6709\u54ea\u4e9b\uff1f<\/h2>
                                  \u5728\u5b9e\u9645\u5f00\u53d1\u4e2d\uff0c\u8fd9\u4e9b\u573a\u666f\u6700\u5bb9\u6613\u8e29\u5751\uff1a<\/p>
                                  1. \u6e32\u67d3\u74f6\u9888<\/strong>\uff1a\u5217\u8868\u9879\u5305\u542b\u590d\u6742\u8ba1\u7b97\uff08\u6bd4\u5982\u5b9e\u65f6\u8ba1\u7b97\u7684\u767e\u5206\u6bd4\u3001\u5e26\u9ad8\u4eae\u7684\u5bcc\u6587\u672c\uff09\uff0c\u6216\u5d4c\u5957\u91cd\u578b\u7ec4\u4ef6\uff08\u6bd4\u5982ECharts\u56fe\u8868\uff09\uff0c\u5355\u6761\u6e32\u67d3\u65f6\u95f4>16ms\uff0c\u6eda\u52a8\u65f6\u201c\u8d76\u4e0d\u4e0a\u201d\u66f4\u65b0\u8282\u594f\uff1b<\/p><\/li>
                                  2. \u4e8b\u4ef6\u5904\u7406\u4e0d\u5f53<\/strong>\uff1a\u6eda\u52a8\u4e8b\u4ef6\u9ad8\u9891\u89e6\u53d1\uff08\u6bd4\u5982\u6bcf\u79d2\u51e0\u5341\u6b21\uff09\uff0c\u82e5\u5728\u56de\u8c03\u91cc\u505a\u5927\u91cf\u540c\u6b65\u8ba1\u7b97\uff08\u6bd4\u5982\u590d\u6742\u7684\u4f4d\u7f6e\u8ba1\u7b97\u3001\u6570\u636e\u8fc7\u6ee4\uff09\uff0c\u4f1a\u963b\u585e\u4e3b\u7ebf\u7a0b\uff0c\u5bfc\u81f4\u6389\u5e27\uff1b<\/p><\/li>
                                  3. \u6570\u636e\u5904\u7406\u4f4e\u6548<\/strong>\uff1a\u6570\u636e\u6e90\u662f\u5d4c\u5957\u7ed3\u6784\uff08\u6bd4\u5982\u6811\u5f62\u7ed3\u6784\u8f6c\u5217\u8868\uff09\uff0c\u6bcf\u6b21\u6e32\u67d3\u90fd\u8981\u9012\u5f52\u8ba1\u7b97\uff0c\u6216\u6570\u636e\u9700\u8981\u683c\u5f0f\u5316\u540e\u518d\u6e32\u67d3\uff0c\u5904\u7406\u65f6\u95f4\u8fc7\u957f\uff1b<\/p><\/li>
                                  4. \u5185\u5b58\u6cc4\u6f0f<\/strong>\uff1a\u7528\u95ed\u5305\u7f13\u5b58\u5927\u91cfDOM\u8282\u70b9\u6216\u6570\u636e\uff0c\u7ec4\u4ef6\u5378\u8f7d\u65f6\u6ca1\u6e05\u7406\uff0c\u5bfc\u81f4\u5185\u5b58\u5360\u7528\u98d9\u5347\uff1b<\/p><\/li>
                                  5. \u79fb\u52a8\u7aef\u9002\u914d\u5dee<\/strong>\uff1a\u79fb\u52a8\u7aeftouch<\/code>\u4e8b\u4ef6\u548c\u6eda\u52a8\u4e8b\u4ef6\u7684\u89e6\u53d1\u673a\u5236\u4e0ePC\u4e0d\u540c\uff0c\u52a0\u4e0a\u8bbe\u5907\u6027\u80fd\u5dee\u5f02\uff0c\u5bb9\u6613\u51fa\u73b0\u201c\u6eda\u52a8\u5361\u987f\u201d\u3002<\/p><\/li><\/ol>
                                    \u6027\u80fd\u4f18\u5316\u7684\u6838\u5fc3\u7b56\u7565\u6709\u54ea\u4e9b\uff1f<\/h2>
                                    \u4f18\u5316\u9700\u8981\u4ece\u6e32\u67d3\u3001\u6570\u636e\u3001\u4ea4\u4e92\u3001\u5185\u5b58<\/strong>\u56db\u4e2a\u7ef4\u5ea6\u5165\u624b\uff0c\u7ed3\u5408\u573a\u666f\u201c\u7cbe\u51c6\u6253\u51fb\u201d\uff1a<\/p>
                                    \uff08\u4e00\uff09\u6e32\u67d3\u5c42\u4f18\u5316\uff1a\u8ba9\u5217\u8868\u9879\u201c\u8f7b\u88c5\u4e0a\u9635\u201d<\/h3>
                                    1. \u62c6\u5206\u590d\u6742\u7ec4\u4ef6<\/strong>\uff1a\u628a\u5217\u8868\u9879\u62c6\u6210\u201c\u9759\u6001\u90e8\u5206\u201d\u548c\u201c\u52a8\u6001\u90e8\u5206\u201d\uff0c\u6bd4\u5982\u7535\u5546\u5546\u54c1\u5361\u7247\uff0c\u9759\u6001\u90e8\u5206\uff08\u6807\u9898\u3001\u4ef7\u683c\uff09\u7528\u7eafHTML\u6e32\u67d3\uff0c\u52a8\u6001\u90e8\u5206\uff08hover\u52a8\u753b\u3001\u56fe\u8868\uff09\u5728\u6eda\u52a8\u505c\u6b62\u540e\u52a0\u8f7d\u3002\u4e3e\u4e2a\u4f8b\u5b50<\/em>\uff1a\u5982\u679c\u5217\u8868\u9879\u5305\u542bECharts\u56fe\u8868\uff0c\u6eda\u52a8\u65f6\u5148\u663e\u793a\u201c\u5360\u4f4d\u56fe\u201d\uff0c\u6eda\u52a8\u505c\u6b62\u540e\u518d\u521d\u59cb\u5316\u56fe\u8868\uff0c\u907f\u514d\u6eda\u52a8\u65f6\u7684\u6e32\u67d3\u538b\u529b\u3002<\/p><\/li>
                                    2. \u6279\u91cf\u6e32\u67d3\u4e0e\u9632\u6296<\/strong>\uff1a<\/p><\/li>
                                      • \u628a\u6eda\u52a8\u4e8b\u4ef6\u7684\u56de\u8c03\u653e\u5728requestAnimationFrame<\/code>\u91cc\uff0c\u786e\u4fdd\u201c\u4e00\u5e27\u5185\u5b8c\u6210\u66f4\u65b0\u201d\uff0c\u907f\u514d\u591a\u6b21\u91cd\u6392\uff08\u6bd4\u5982requestAnimationFrame(() => { \/* \u66f4\u65b0\u53ef\u89c6\u533a\u57df *\/ })<\/code>\uff09\uff1b<\/p><\/li>
                                      • \u7528debounce<\/code>\uff08\u9632\u6296\uff09\u63a7\u5236\u6e32\u67d3\u9891\u7387\uff0c\u6bd4\u5982\u6eda\u52a8\u65f6\u6bcf200ms\u66f4\u65b0\u4e00\u6b21\uff0c\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u8ba1\u7b97\u3002<\/p><\/li><\/ul><\/ol>
                                        \uff08\u4e8c\uff09\u6570\u636e\u5904\u7406\u5c42\u4f18\u5316\uff1a\u8ba9\u6570\u636e\u201c\u5feb\u8fdb\u5feb\u51fa\u201d<\/h3>
                                        1. \u6570\u636e\u9884\u5904\u7406<\/strong>\uff1a<\/p><\/li>
                                          • \u6241\u5e73\u5316\u6570\u636e<\/strong>\uff1a\u5982\u679c\u6570\u636e\u6e90\u662f\u5d4c\u5957\u7ed3\u6784\uff08\u6bd4\u5982\u6811\u5f62\u7ec4\u7ec7\u67b6\u6784\uff09\uff0c\u63d0\u524d\u5728\u540e\u7aef\u6216\u524d\u7aef\u521d\u59cb\u5316\u65f6\u201c\u62cd\u5e73\u201d\uff08\u8f6c\u6210\u6241\u5e73\u5217\u8868\uff0c\u5e26level<\/code>\u3001parentId<\/code>\u7b49\u5b57\u6bb5\uff09\uff0c\u51cf\u5c11\u6e32\u67d3\u65f6\u7684\u9012\u5f52\u8ba1\u7b97\uff1b<\/p><\/li>
                                          • \u7f13\u5b58\u8ba1\u7b97\u7ed3\u679c<\/strong>\uff1a\u6bd4\u5982\u683c\u5f0f\u5316\u65f6\u95f4\uff082024-01-01<\/code>\u8f6c\u6210\u201c3\u5929\u524d\u201d\uff09\u3001\u8ba1\u7b97\u4ef7\u683c\uff08\u539f\u4ef7\u00d7\u6298\u6263\uff09\uff0c\u53ef\u4ee5\u63d0\u524d\u7f13\u5b58\uff0c\u907f\u514d\u6bcf\u6b21\u6e32\u67d3\u91cd\u590d\u8ba1\u7b97\uff1b<\/p><\/li>
                                          • \u5206\u6279\u52a0\u8f7d<\/strong>\uff1a\u8d85\u5927\u91cf\u6570\u636e\uff08\u6bd4\u5982\u767e\u4e07\u7ea7\uff09\u53ef\u5206\u6279\u6b21\u52a0\u8f7d\uff0c\u6eda\u52a8\u5230\u201c\u63a5\u8fd1\u5e95\u90e8\u201d\uff08\u6bd4\u5982\u5269\u4f59500\u6761\uff09\u65f6\uff0c\u518d\u52a0\u8f7d\u4e0b\u4e00\u6279\uff0c\u51cf\u5c11\u5355\u6b21\u5904\u7406\u91cf\u3002<\/p><\/li><\/ul>
                                          • \u52a8\u6001\u6570\u636e\u66f4\u65b0\u4f18\u5316<\/strong>\uff1a<\/p><\/li>
                                            • \u589e\u91cf\u66f4\u65b0<\/strong>\uff1a\u5982\u679c\u6570\u636e\u662f\u589e\u91cf\u63a8\u9001\uff08\u6bd4\u5982\u65b0\u65e5\u5fd7\uff09\uff0c\u53ea\u66f4\u65b0\u201c\u65b0\u589e\u7684\u90e8\u5206\u201d\uff0c\u6bd4\u5982\u7ef4\u62a4\u4e00\u4e2a\u961f\u5217\uff0c\u65b0\u589e\u6570\u636e\u65f6\uff0c\u5224\u65ad\u662f\u5426\u5728\u53ef\u89c6\u533a\u57df\u5185\u2014\u2014\u5728\u7684\u8bdd\u63d2\u5165\u5230\u5bf9\u5e94\u4f4d\u7f6e\uff0c\u5426\u5219\u5148\u7f13\u5b58\uff0c\u6eda\u52a8\u65f6\u518d\u5904\u7406\uff1b<\/p><\/li>
                                            • \u9632\u6296\u66f4\u65b0<\/strong>\uff1a\u6570\u636e\u66f4\u65b0\u9891\u7387\u9ad8\u65f6\uff08\u6bd4\u5982\u6bcf\u79d210\u6b21\uff09\uff0c\u7528debounce<\/code>\u5408\u5e76\u66f4\u65b0\uff08\u6bd4\u5982\u6bcf200ms\u66f4\u65b0\u4e00\u6b21\uff09\uff0c\u51cf\u5c11\u6e32\u67d3\u6b21\u6570\u3002<\/p><\/li><\/ul><\/ol>
                                              \uff08\u4e09\uff09\u4ea4\u4e92\u4e0e\u4e8b\u4ef6\u4f18\u5316\uff1a\u8ba9\u6eda\u52a8\u201c\u4e1d\u6ed1\u5982\u7ef8\u201d<\/h3>
                                              1. \u6eda\u52a8\u4e8b\u4ef6\u4f18\u5316<\/strong>\uff1a<\/p><\/li>
                                                • \u88ab\u52a8\u4e8b\u4ef6\u76d1\u542c<\/strong>\uff1a\u79fb\u52a8\u7aef\u7528{ passive: true }<\/code>\u7684\u4e8b\u4ef6\u76d1\u542c\u5668\uff08addEventListener('scroll', () => {}, { passive: true })<\/code>\uff09\uff0c\u8ba9\u6eda\u52a8\u4e8b\u4ef6\u4e0d\u963b\u585e\u9ed8\u8ba4\u884c\u4e3a\uff0c\u63d0\u5347\u6d41\u7545\u5ea6\uff1b<\/p><\/li>
                                                • \u6eda\u52a8\u5206\u5c42<\/strong>\uff1a\u628a\u6eda\u52a8\u5bb9\u5668\u548c\u5185\u5bb9\u5bb9\u5668\u5206\u79bb\uff0c\u7528transform: translateY()<\/code>\u4ee3\u66ffscrollTop<\/code>\u63a7\u5236\u4f4d\u7f6e\uff08transform<\/code>\u662f\u201c\u5408\u6210\u5c42\u201d\uff0c\u4e0d\u4f1a\u89e6\u53d1\u91cd\u6392\uff09\u3002<\/p><\/li><\/ul>
                                                • \u52a8\u753b\u4e0e\u8fc7\u6e21\u4f18\u5316<\/strong>\uff1a<\/p><\/li>
                                                  • \u786c\u4ef6\u52a0\u901f<\/strong>\uff1a\u5bf9\u5217\u8868\u9879\u7684\u52a8\u753b\u4f7f\u7528transform<\/code>\u548copacity<\/code>\uff0c\u89e6\u53d1GPU\u52a0\u901f\uff08\u6bd4\u5982will-change: transform<\/code>\uff09\uff0c\u51cf\u5c11CPU\u538b\u529b\uff1b<\/p><\/li>
                                                  • \u61d2\u52a0\u8f7d\u52a8\u753b<\/strong>\uff1a\u6eda\u52a8\u65f6\u5148\u6e32\u67d3\u9759\u6001\u5185\u5bb9\uff0c\u6eda\u52a8\u505c\u6b62\u540e\u518d\u6267\u884c\u52a8\u753b\uff08\u6bd4\u5982\u6e10\u5165\u6548\u679c\uff09\uff0c\u907f\u514d\u6eda\u52a8\u65f6\u7684\u52a8\u753b\u8ba1\u7b97\u3002<\/p><\/li><\/ul><\/ol>
                                                    \uff08\u56db\uff09\u5185\u5b58\u7ba1\u7406\u4f18\u5316\uff1a\u8ba9\u5185\u5b58\u201c\u8f7b\u88c5\u4e0a\u9635\u201d<\/h3>
                                                    1. \u53ca\u65f6\u91ca\u653e\u8d44\u6e90<\/strong>\uff1a<\/p><\/li>
                                                      • \u7ec4\u4ef6\u5378\u8f7d\u65f6\u6e05\u7406\uff1a\u5982\u679c\u5217\u8868\u9879\u662fReact\/Vue\u7ec4\u4ef6\uff0c\u5728beforeDestroy<\/code>\uff08Vue\uff09\u6216componentWillUnmount<\/code>\uff08React\uff09\u94a9\u5b50\u4e2d\uff0c\u6e05\u7406\u5b9a\u65f6\u5668\u3001\u4e8b\u4ef6\u76d1\u542c\u5668\u3001\u5927\u6570\u636e\u7f13\u5b58\uff1b<\/p><\/li>
                                                      • \u7ec4\u4ef6\u6c60\u590d\u7528<\/strong>\uff1a\u7ef4\u62a4\u4e00\u4e2a\u201c\u7ec4\u4ef6\u5b9e\u4f8b\u6c60\u201d\uff0c\u9500\u6bc1\u7684\u7ec4\u4ef6\u4e0d\u76f4\u63a5\u5220\u9664\uff0c\u800c\u662f\u7f13\u5b58\u8d77\u6765\uff0c\u4e0b\u6b21\u590d\u7528\uff08\u51cf\u5c11\u521b\u5efa\/\u9500\u6bc1\u7684\u5f00\u9500\uff09\u3002<\/p><\/li><\/ul>
                                                      • \u5185\u5b58\u76d1\u63a7\u4e0e\u4f18\u5316<\/strong>\uff1a<\/p><\/li>
                                                        • \u7528Chrome\u7684Performance<\/code>\u548cMemory<\/code>\u9762\u677f\uff0c\u76d1\u63a7\u6eda\u52a8\u65f6\u7684\u5185\u5b58\u53d8\u5316\uff0c\u53d1\u73b0\u6cc4\u6f0f\u70b9\uff08\u6bd4\u5982\u591a\u6b21\u6eda\u52a8\u540e\u5185\u5b58\u6301\u7eed\u4e0a\u5347\uff09\uff1b<\/p><\/li>
                                                        • \u7528WeakMap<\/code>\/WeakSet<\/code>\u7f13\u5b58\u6570\u636e\uff1a\u5f53\u6570\u636e\u4e0d\u518d\u88ab\u5f15\u7528\u65f6\uff0c\u81ea\u52a8\u88ab\u5783\u573e\u56de\u6536\uff08\u6bd4\u5982\u7f13\u5b58\u5217\u8868\u9879\u7684\u8ba1\u7b97\u7ed3\u679c\u65f6\uff0c\u7528WeakMap<\/code>\uff0c\u952e\u662f\u6570\u636e\u5bf9\u8c61\uff0c\u503c\u662f\u7ed3\u679c\uff09\u3002<\/p><\/li><\/ul><\/ol>
                                                          \u5b9e\u6218\u6848\u4f8b\uff1a\u4ece\u201c\u5361\u987f\u201d\u5230\u201c\u4e1d\u6ed1\u201d\u7684\u4f18\u5316\u8def\u5f84<\/h2>
                                                          \u4ee5\u67d0\u540e\u53f0\u7cfb\u7edf\u7684\u5341\u4e07\u7ea7\u65e5\u5fd7\u5217\u8868<\/strong>\u4e3a\u4f8b\uff0c\u4f18\u5316\u524d\u6eda\u52a8\u5361\u987f\uff0c\u4f18\u5316\u540e\u5e27\u7387\u4ece20fps\u63d0\u5347\u523055fps\uff1a<\/p>
                                                          1. \u6e32\u67d3\u4f18\u5316<\/strong>\uff1a<\/p><\/li>
                                                            • \u62c6\u5206\u65e5\u5fd7\u9879\uff1a\u9759\u6001\u90e8\u5206\uff08\u65f6\u95f4\u3001\u7ea7\u522b\u56fe\u6807\uff09\u7528\u7eafHTML\uff0c\u52a8\u6001\u90e8\u5206\uff08\u9ad8\u4eae\u5185\u5bb9\u3001\u64cd\u4f5c\u6309\u94ae\uff09\u5728\u6eda\u52a8\u505c\u6b62\u540e\u6e32\u67d3\uff1b<\/p><\/li>
                                                            • \u56fe\u8868\u61d2\u52a0\u8f7d\uff1a\u65e5\u5fd7\u9879\u7684\u201c\u8d8b\u52bf\u56fe\u8868\u201d\u7528\u5360\u4f4d\u56fe\u4ee3\u66ff\uff0c\u6eda\u52a8\u505c\u6b62\u540e\u7528IntersectionObserver<\/code>\u89e6\u53d1\u521d\u59cb\u5316\u3002<\/p><\/li><\/ul>
                                                            • \u6570\u636e\u5904\u7406\u4f18\u5316<\/strong>\uff1a<\/p><\/li>
                                                              • \u9884\u683c\u5f0f\u5316\u65f6\u95f4\uff1a\u540e\u7aef\u8fd4\u56de\u65f6\u95f4\u6233\uff0c\u524d\u7aef\u63d0\u524d\u8f6c\u6210YYYY-MM-DD HH:mm:ss<\/code>\u5e76\u7f13\u5b58\uff1b<\/p><\/li>
                                                              • \u589e\u91cf\u66f4\u65b0\u65e5\u5fd7\uff1a\u65b0\u65e5\u5fd7\u53ea\u63d2\u5165\u5230\u9876\u90e8\uff0c\u8ba1\u7b97\u662f\u5426\u5728\u53ef\u89c6\u533a\u57df\u5185\u2014\u2014\u5728\u7684\u8bdd\u66f4\u65b0\uff0c\u5426\u5219\u7f13\u5b58\uff0c\u6eda\u52a8\u65f6\u518d\u5904\u7406\u3002<\/p><\/li><\/ul>
                                                              • \u4ea4\u4e92\u4f18\u5316<\/strong>\uff1a<\/p><\/li>
                                                                • \u6eda\u52a8\u5206\u5c42\uff1a\u7528transform: translateY()<\/code>\u4f4d\u7f6e\uff0c\u51cf\u5c11\u91cd\u6392\uff1b<\/p><\/li>
                                                                • \u88ab\u52a8\u4e8b\u4ef6\u76d1\u542c\uff1a\u79fb\u52a8\u7aef\u6eda\u52a8\u4e8b\u4ef6\u7528{ passive: true }<\/code>\uff0c\u63d0\u5347\u6eda\u52a8\u6d41\u7545\u5ea6\u3002<\/p><\/li><\/ul><\/ol>
                                                                  \u672a\u6765\u4f18\u5316\u8d8b\u52bf\uff1a\u6846\u67b6\u4e0e\u6d4f\u89c8\u5668\u7684\u201c\u52a9\u653b\u201d<\/h2>
                                                                  \u968f\u7740\u524d\u7aef\u6280\u672f\u53d1\u5c55\uff0c\u8fd9\u4e9b\u65b9\u5411\u503c\u5f97\u5173\u6ce8\uff1a<\/p>
                                                                  1. Web Workers<\/strong>\uff1a\u628a\u6570\u636e\u5904\u7406\uff08\u6bd4\u5982\u590d\u6742\u7684\u4f4d\u7f6e\u8ba1\u7b97\uff09\u653e\u5230Worker\u4e2d\uff0c\u907f\u514d\u963b\u585e\u4e3b\u7ebf\u7a0b\uff1b<\/p><\/li>
                                                                  2. CSS\u65b0\u7279\u6027<\/strong>\uff1acontent-visibility<\/code>\u5c5e\u6027\uff08\u6d4f\u89c8\u5668\u539f\u751f\u652f\u6301\uff09\u53ef\u81ea\u52a8\u7ba1\u7406\u5143\u7d20\u6e32\u67d3\uff0c\u7c7b\u4f3c\u865a\u62df\u6eda\u52a8\u7684\u539f\u7406\uff0c\u4f46\u7531\u6d4f\u89c8\u5668\u201c\u667a\u80fd\u201d\u63a7\u5236\uff1b<\/p><\/li>
                                                                  3. \u6846\u67b6\u7ea7\u4f18\u5316<\/strong>\uff1aReact\u3001Vue\u7b49\u6846\u67b6\u53ef\u80fd\u63a8\u51fa\u66f4\u9ad8\u6548\u7684\u865a\u62df\u5217\u8868\u7ec4\u4ef6\uff0c\u5185\u7f6e\u6027\u80fd\u7b56\u7565\uff08\u6bd4\u5982\u81ea\u52a8\u62c6\u5206\u7ec4\u4ef6\u3001\u6279\u91cf\u66f4\u65b0\uff09\uff1b<\/p><\/li>
                                                                  4. SSR+\u865a\u62df\u6eda\u52a8<\/strong>\uff1a\u670d\u52a1\u7aef\u5148\u6e32\u67d3\u53ef\u89c6\u533a\u57df\u5185\u5bb9\uff0c\u5ba2\u6237\u7aef\u518d\u63a5\u7ba1\u6eda\u52a8\uff0c\u51cf\u5c11\u9996\u5c4f\u52a0\u8f7d\u65f6\u95f4\u3002<\/p><\/li><\/ol>
                                                                    \u957f\u5217\u8868\u865a\u62df\u6eda\u52a8\u7684\u4f18\u5316\u662f\u4e00\u573a\u201c\u5206\u5c42\u4f5c\u6218\u201d\uff0c\u9700\u8981\u4ece\u6e32\u67d3\u3001\u6570\u636e\u3001\u4ea4\u4e92\u3001\u5185\u5b58<\/strong>\u591a\u7ef4\u5ea6\u5165\u624b\uff0c\u901a\u8fc7\u62c6\u5206\u590d\u6742\u7ec4\u4ef6\u3001\u4f18\u5316\u4e8b\u4ef6\u5904\u7406\u3001\u5408\u7406\u7ba1\u7406\u5185\u5b58\uff0c\u5373\u4f7f\u662f\u767e\u4e07\u7ea7\u5217\u8868\uff0c\u4e5f\u80fd\u5728\u4e0d\u540c\u8bbe\u5907\u4e0a\u5b9e\u73b0\u201c\u4e1d\u6ed1\u6eda\u52a8\u201d\uff0c\u968f\u7740\u6d4f\u89c8\u5668\u548c\u6846\u67b6\u7684\u8fed\u4ee3\uff0c\u4f18\u5316\u4f1a\u66f4\u81ea\u52a8\u5316\uff0c\u4f46\u5bf9\u6027\u80fd\u539f\u7406\u7684\u7406\u89e3\uff0c\u4f9d\u7136\u662f\u6253\u9020\u6781\u81f4\u4f53\u9a8c\u7684\u5173\u952e\u3002<\/p>","pubDate":"Mon, 16 Mar 2026 14:01:49 +0800"},{"title":"\u7f51\u9875\u7aefCAD\u56fe\u7eb8\u67e5\u770b\u5668\u5f00\u53d1\u9700\u8981\u5173\u6ce8\u54ea\u4e9b\u6838\u5fc3\u8981\u70b9\uff1f","link":"https:\/\/www.jiangweishan.com\/article\/wangyehsdh23423523.html","description":"
                                                                    \u5728\u5de5\u7a0b\u8bbe\u8ba1\u3001\u5efa\u7b51\u65bd\u5de5\u3001\u673a\u68b0\u5236\u9020\u7b49\u9886\u57df\uff0cCAD\u56fe\u7eb8\u662f\u4f20\u9012\u8bbe\u8ba1\u610f\u56fe\u7684\u6838\u5fc3\u8f7d\u4f53\uff0c\u4f46\u4f20\u7edfCAD\u8f6f\u4ef6\u4f9d\u8d56\u672c\u5730\u5b89\u88c5\u3001\u53d7\u8bbe\u5907\u73af\u5883\u9650\u5236\uff0c\u96be\u4ee5\u6ee1\u8db3\u56e2\u961f\u534f\u4f5c\u3001\u8de8\u5e73\u53f0\u67e5\u770b\u7684\u9700\u6c42\uff0c\u7f51\u9875\u7aefCAD\u56fe\u7eb8\u67e5\u770b\u5668\u901a\u8fc7\u6d4f\u89c8\u5668\u5373\u53ef\u6253\u5f00\u3001\u6d4f\u89c8\u590d\u6742\u56fe\u7eb8\uff0c\u6210\u4e3a\u884c\u4e1a\u6570\u5b57\u5316\u534f\u4f5c\u7684\u5173\u952e\u5de5\u5177\uff0c\u5f00\u53d1\u8fd9\u7c7b\u5de5\u5177\u65f6\uff0c\u9700\u8981\u4ece\u6280\u672f\u9009\u578b\u3001\u529f\u80fd\u8bbe\u8ba1\u3001\u6027\u80fd\u4f18\u5316\u7b49\u591a\u7ef4\u5ea6\u5165\u624b\uff0c\u624d\u80fd\u6253\u9020\u51fa\u4f53\u9a8c\u6d41\u7545\u3001\u529f\u80fd\u5b9e\u7528\u7684\u4ea7\u54c1\uff0c\u4e0b\u9762\u6211\u4eec\u56f4\u7ed5\u5f00\u53d1\u6838\u5fc3\u8981\u70b9\u5c55\u5f00\u5206\u6790\uff1a<\/p>
                                                                    \u6280\u672f\u9009\u578b\uff1a\u89e3\u6790\u4e0e\u6e32\u67d3\u7684\u5e95\u5c42\u652f\u6491<\/h2>
                                                                    \u7f51\u9875\u7aef\u67e5\u770bCAD\u56fe\u7eb8,\u9996\u5148\u8981\u89e3\u51b3\u683c\u5f0f\u89e3\u6790<\/strong>\u548c\u56fe\u5f62\u6e32\u67d3<\/strong>\u4e24\u5927\u6280\u672f\u96be\u9898\uff0c\u5e38\u89c1\u7684CAD\u683c\u5f0f\uff08\u5982DWG\u3001DXF\u3001IGES\u3001STEP\uff09\u7ed3\u6784\u590d\u6742\uff0c\u9700\u4e13\u4e1a\u89e3\u6790\u5e93\u5904\u7406\uff1a<\/p>
                                                                    • \u89e3\u6790\u5e93\u9009\u62e9<\/strong>\uff1a\u5f00\u6e90\u65b9\u6848\u4e2d\uff0cOpenCascade.js<\/code>\u57fa\u4e8e\u5f00\u6e90CAD\u5185\u6838\uff0c\u652f\u6301\u591a\u683c\u5f0f\u89e3\u6790\uff0c\u4f46\u4f53\u79ef\u8f83\u5927\uff08\u9700\u7ed3\u5408WebAssembly\u4f18\u5316\uff09\uff1bThree.js+CADLoader<\/code>\u9002\u54083D\u6a21\u578b\u7684\u8f7b\u91cf\u5316\u89e3\u6790\uff0c\u642d\u914dWebGL\u6e32\u67d3\u66f4\u6d41\u7545\uff1b\u5546\u4e1a\u65b9\u6848\u5982Autodesk Forge\u63d0\u4f9b\u6210\u719fSDK\uff0c\u652f\u6301DWG\u3001Revit\u7b49\u683c\u5f0f\uff0c\u4f46\u9700\u8003\u8651\u6388\u6743\u6210\u672c\u3002<\/p><\/li>
                                                                    • \u6e32\u67d3\u6280\u672f<\/strong>\uff1a2D\u56fe\u7eb8\u53ef\u9009\u7528SVG<\/code>\uff08\u77e2\u91cf\u7f29\u653e\u65e0\u5931\u771f\uff0c\u9002\u5408\u6807\u6ce8\u3001\u56fe\u5c42\u7ba1\u7406\uff09\uff0c3D\u6a21\u578b\u5219\u7528WebGL<\/code>\uff08\u5229\u7528GPU\u52a0\u901f\uff0c\u5904\u7406\u590d\u6742\u51e0\u4f55\u4f53\uff09\uff0c\u82e5\u9700\u517c\u987e2D\/3D\uff0c\u53ef\u91c7\u7528\u201cWebGL\u6e32\u67d3\u6a21\u578b+SVG\u53e0\u52a0\u6807\u6ce8\u5c42\u201d\u7684\u6df7\u5408\u65b9\u6848\u3002<\/p><\/li><\/ul>
                                                                      \u4e3e\u4e2a\u4f8b\u5b50\uff1a\u673a\u68b0\u884c\u4e1a\u7684\u590d\u6742\u88c5\u914d\u56fe\uff083D STEP\u683c\u5f0f\uff09\uff0c\u7528WebGL\u6e32\u67d3\u80fd\u6e05\u6670\u5c55\u793a\u96f6\u4ef6\u5c42\u7ea7\uff1b\u5efa\u7b51\u5e73\u9762\u56fe\uff082D DXF\uff09\u7528SVG\u6e32\u67d3\uff0c\u56fe\u5c42\u5207\u6362\uff08\u5982\u9690\u85cf\u95e8\u7a97\u5c42\u3001\u663e\u793a\u7ed3\u6784\u5c42\uff09\u66f4\u7075\u6d3b\u3002<\/p>
                                                                      \u529f\u80fd\u8bbe\u8ba1\uff1a\u8d34\u5408\u7528\u6237\u771f\u5b9e\u573a\u666f\u7684\u9700\u6c42<\/h2>
                                                                      \u5f00\u53d1\u524d\u9700\u8c03\u7814\u76ee\u6807\u7528\u6237\uff08\u8bbe\u8ba1\u5e08\u3001\u65bd\u5de5\u5458\u3001\u7532\u65b9\u7b49\uff09\u7684\u6838\u5fc3\u8bc9\u6c42\uff0c\u529f\u80fd\u8bbe\u8ba1\u8981\u201c\u7cbe\u51c6\u547d\u4e2d\u75db\u70b9\u201d\uff1a<\/p>
                                                                      • \u57fa\u7840\u6d4f\u89c8<\/strong>\uff1a\u652f\u6301\u7f29\u653e\uff08\u6eda\u8f6e\/\u624b\u52bf\uff09\u3001\u5e73\u79fb\uff08\u62d6\u62fd\uff09\u3001\u65cb\u8f6c\uff083D\u6a21\u578b\uff09<\/strong>\uff0c\u5e76\u63d0\u4f9b\u201c\u89c6\u56fe\u590d\u4f4d\u201d\u201c\u5c40\u90e8\u653e\u5927\u201d\u7b49\u5feb\u6377\u64cd\u4f5c\uff0c\u8ba9\u7528\u6237\u5feb\u901f\u5b9a\u4f4d\u7ec6\u8282\u3002<\/p><\/li>
                                                                      • \u4e13\u4e1a\u5de5\u5177<\/strong>\uff1a\u5185\u7f6e\u6d4b\u91cf\uff08\u8ddd\u79bb\u3001\u9762\u79ef\u3001\u89d2\u5ea6\uff09\u3001\u56fe\u5c42\u7ba1\u7406\uff08\u663e\u793a\/\u9690\u85cf\u3001\u9501\u5b9a\uff09\u3001\u6807\u6ce8\uff08\u6587\u5b57\u3001\u7bad\u5934\u3001\u4e91\u7ebf\u6279\u6ce8\uff09\u3001\u7248\u672c\u5bf9\u6bd4\uff08\u4e0d\u540c\u8bbe\u8ba1\u7248\u672c\u7684\u5dee\u5f02\u9ad8\u4eae\uff09\uff0c\u6ee1\u8db3\u5de5\u7a0b\u6821\u5bf9\u9700\u6c42\u3002<\/p><\/li>
                                                                      • \u534f\u4f5c\u4e92\u52a8<\/strong>\uff1a\u652f\u6301\u591a\u4eba\u5728\u7ebf\u6807\u6ce8\uff08\u4e0d\u540c\u989c\u8272\u533a\u5206\u7528\u6237\uff09\u3001\u8bc4\u8bba\u533a\u5173\u8054\u56fe\u7eb8\u4f4d\u7f6e\u3001\u5b9e\u65f6\u540c\u6b65\u4fee\u6539\uff08\u7c7b\u4f3cFigma\u7684\u534f\u4f5c\u6a21\u5f0f\uff09\uff0c\u8ba9\u8de8\u90e8\u95e8\u534f\u4f5c\u66f4\u9ad8\u6548\u3002<\/p><\/li>
                                                                      • \u62d3\u5c55\u80fd\u529b<\/strong>\uff1a\u63d0\u4f9b\u56fe\u7eb8\u5bfc\u51fa\uff08PDF\u3001PNG\uff09\u3001BOM\u8868\u63d0\u53d6\uff08\u4ece3D\u6a21\u578b\u4e2d\u89e3\u6790\u96f6\u4ef6\u6e05\u5355\uff09\u3001AR\u9884\u89c8\uff08\u624b\u673a\u626b\u63cf\u56fe\u7eb8\uff0c\u53e0\u52a03D\u6a21\u578b\u5230\u771f\u5b9e\u573a\u666f\uff09\uff0c\u5ef6\u4f38\u4f7f\u7528\u573a\u666f\u3002<\/p><\/li><\/ul>
                                                                        \u5efa\u7b51\u9879\u76ee\u4e2d,\u65bd\u5de5\u5458\u53ef\u5728\u7f51\u9875\u7aef\u6807\u6ce8\u73b0\u573a\u95ee\u9898\uff08\u5982\u201c\u6b64\u5904\u7ba1\u7ebf\u51b2\u7a81\u201d\uff09\uff0c\u8bbe\u8ba1\u5e08\u5b9e\u65f6\u63a5\u6536\u5e76\u8c03\u6574\uff0c\u65e0\u9700\u53cd\u590d\u4f20\u8f93CAD\u6587\u4ef6\u3002<\/p>
                                                                        \u6027\u80fd\u4f18\u5316\uff1a\u5e94\u5bf9\u5927\u56fe\u7eb8\u7684\u201c\u5361\u6162\u201d\u96be\u9898<\/h2>
                                                                        CAD\u56fe\u7eb8\uff08\u5c24\u5176\u662f3D\u88c5\u914d\u56fe\u3001\u5927\u6237\u578b\u5e73\u9762\u56fe\uff09\u52a8\u8f84\u51e0\u5341MB\u751a\u81f3\u4e0a\u767eMB\uff0c\u52a0\u8f7d\u548c\u6e32\u67d3\u5361\u987f\u4f1a\u4e25\u91cd\u5f71\u54cd\u4f53\u9a8c\uff0c\u4f18\u5316\u65b9\u5411\u5305\u62ec\uff1a<\/p>
                                                                        • \u5206\u5757\u52a0\u8f7d<\/strong>\uff1a\u501f\u9274\u201c\u74e6\u7247\u5730\u56fe\u201d\u601d\u8def\uff0c\u5c06\u56fe\u7eb8\u5207\u5272\u4e3a\u591a\u4e2a\u5c0f\u5757\uff0c\u4ec5\u52a0\u8f7d\u5f53\u524d\u89c6\u53e3\u533a\u57df\u7684\u5757\uff0c\u6eda\u52a8\u65f6\u52a8\u6001\u52a0\u8f7d\u76f8\u90bb\u5757\uff0c\u51cf\u5c11\u521d\u59cb\u52a0\u8f7d\u538b\u529b\u3002<\/p><\/li>
                                                                        • \u6a21\u578b\u8f7b\u91cf\u5316<\/strong>\uff1a\u5bf93D\u6a21\u578b\u8fdb\u884c\u201c\u7b80\u5316\u5904\u7406\u201d\uff08\u5982\u51cf\u5c11\u591a\u8fb9\u5f62\u6570\u91cf\u3001\u5408\u5e76\u91cd\u590d\u51e0\u4f55\u4f53\uff09\uff0c2D\u56fe\u7eb8\u5219\u538b\u7f29\u5197\u4f59\u8def\u5f84\u3001\u5408\u5e76\u76f8\u540c\u56fe\u5c42\uff0c\u964d\u4f4e\u6e32\u67d3\u8d1f\u8f7d\u3002<\/p><\/li>
                                                                        • \u591a\u7ebf\u7a0b\u5904\u7406<\/strong>\uff1a\u7528Web Worker<\/code>\u5728\u540e\u53f0\u89e3\u6790\u56fe\u7eb8\u6570\u636e\uff0c\u907f\u514d\u963b\u585e\u4e3b\u7ebf\u7a0b\uff08\u9875\u9762\u5361\u987f\uff09\uff1b\u89e3\u6790\u540e\u7684\u6e32\u67d3\u4efb\u52a1\u4e5f\u53ef\u62c6\u5206\u5230Worker\u4e2d\uff0c\u91ca\u653eGPU\u8d44\u6e90\u3002<\/p><\/li>
                                                                        • \u7f13\u5b58\u7b56\u7565<\/strong>\uff1a\u5e38\u7528\u56fe\u7eb8\u5b58\u5165IndexedDB<\/code>\uff08\u6d4f\u89c8\u5668\u672c\u5730\u6570\u636e\u5e93\uff09\uff0c\u4e0b\u6b21\u6253\u5f00\u76f4\u63a5\u8bfb\u53d6\u7f13\u5b58\uff1b\u5927\u6587\u4ef6\u91c7\u7528\u201c\u65ad\u70b9\u7eed\u4f20+\u589e\u91cf\u52a0\u8f7d\u201d\uff0c\u907f\u514d\u91cd\u590d\u4e0b\u8f7d\u3002<\/p><\/li><\/ul>
                                                                          \u67d0\u6c7d\u8f66\u5382\u7684\u6848\u4f8b\u663e\u793a,\u901a\u8fc7\u6a21\u578b\u8f7b\u91cf\u5316\u548c\u5206\u5757\u52a0\u8f7d\uff0c\u5176100MB\u76843D\u88c5\u914d\u56fe\u52a0\u8f7d\u65f6\u95f4\u4ece20\u79d2\u7f29\u77ed\u81f35\u79d2\u5185\uff0c\u56e2\u961f\u534f\u4f5c\u6548\u7387\u63d0\u534740%\u3002<\/p>
                                                                          \u517c\u5bb9\u6027\u4e0e\u9002\u914d\uff1a\u8986\u76d6\u5168\u7ec8\u7aef\u573a\u666f<\/h2>
                                                                          \u4e0d\u540c\u6d4f\u89c8\u5668\u3001\u8bbe\u5907\u5bf9Web\u6280\u672f\u7684\u652f\u6301\u5dee\u5f02\u5927\uff0c\u9700\u505a\u597d\u517c\u5bb9\u6027\u515c\u5e95\uff1a<\/p>
                                                                          • \u6d4f\u89c8\u5668\u517c\u5bb9<\/strong>\uff1a\u6d4b\u8bd5Chrome\u3001Firefox\u3001Safari\u3001Edge\u7684\u6e32\u67d3\u8868\u73b0\uff0c\u5bf9\u4e0d\u652f\u6301WebGL 2.0\u7684\u65e7\u8bbe\u5907\uff0c\u964d\u7ea7\u4e3aWebGL 1.0\u6216SVG\u6e32\u67d3\uff1b\u5229\u7528Feature Detection<\/code>\uff08\u7279\u6027\u68c0\u6d4b\uff09\u52a8\u6001\u5207\u6362\u6e32\u67d3\u65b9\u6848\u3002<\/p><\/li>
                                                                          • \u79fb\u52a8\u9002\u914d<\/strong>\uff1a\u4f18\u5316\u89e6\u6478\u64cd\u4f5c\uff08\u53cc\u6307\u7f29\u653e\u3001\u5355\u6307\u5e73\u79fb\uff09\u3001\u9002\u914d\u5e73\u677f\/\u624b\u673a\u7684\u5c0f\u5c4f\u5e55\uff08\u7b80\u5316\u5de5\u5177\u680f\u3001\u652f\u6301\u6a2a\u5c4f\u6a21\u5f0f\uff09\uff0c\u751a\u81f3\u652f\u6301Apple Pencil\u6807\u6ce8\uff08\u5982iPad\u7aef\uff09\u3002<\/p><\/li>
                                                                          • \u7cfb\u7edf\u517c\u5bb9<\/strong>\uff1aWindows\u3001macOS\u3001Linux\u7684\u5b57\u4f53\u6e32\u67d3\u3001\u989c\u8272\u7a7a\u95f4\u53ef\u80fd\u5b58\u5728\u5dee\u5f02\uff0c\u9700\u7edf\u4e00\u89c6\u89c9\u8f93\u51fa\uff08\u5982\u7528Web\u5b89\u5168\u5b57\u4f53\u3001\u6821\u51c6\u989c\u8272\u914d\u7f6e\uff09\u3002<\/p><\/li><\/ul>
                                                                            \u5b89\u5168\u4e0e\u6743\u9650\uff1a\u5b88\u62a4\u56fe\u7eb8\u7684\u201c\u5546\u4e1a\u673a\u5bc6\u201d<\/h2>
                                                                            CAD\u56fe\u7eb8\u5e38\u5305\u542b\u4f01\u4e1a\u6838\u5fc3\u8bbe\u8ba1\u3001\u5de5\u827a\u53c2\u6570\uff0c\u5b89\u5168\u9632\u62a4\u4e0d\u53ef\u5ffd\u89c6\uff1a<\/p>
                                                                            • \u4f20\u8f93\u52a0\u5bc6<\/strong>\uff1a\u5168\u6d41\u7a0b\u91c7\u7528HTTPS<\/code>\uff0c\u9632\u6b62\u4e2d\u95f4\u4eba\u653b\u51fb\uff1b\u654f\u611f\u56fe\u7eb8\u53ef\u5728\u670d\u52a1\u7aef\u52a0\u5bc6\uff0c\u6d4f\u89c8\u5668\u7aef\u89e3\u5bc6\u540e\u6e32\u67d3\uff08\u9700\u7ed3\u5408\u5bc6\u94a5\u7ba1\u7406\uff09\u3002<\/p><\/li>
                                                                            • \u6743\u9650\u7ba1\u63a7<\/strong>\uff1a\u57fa\u4e8e\u89d2\u8272\u7684\u8bbf\u95ee\u63a7\u5236\uff08\u5982\u201c\u53ea\u8bfb\u201d\u201c\u7f16\u8f91\u201d\u201c\u7ba1\u7406\u5458\u201d\uff09\uff0c\u7ec6\u5316\u5230\u201c\u67e5\u770b\u67d0\u5f20\u56fe\u7eb8\u7684\u67d0\u56fe\u5c42\u201d\u201c\u7981\u6b62\u5bfc\u51fa\u201d\u7b49\u7c92\u5ea6\uff0c\u907f\u514d\u8d8a\u6743\u64cd\u4f5c\u3002<\/p><\/li>
                                                                            • \u6c34\u5370\u4e0e\u8ffd\u8e2a<\/strong>\uff1a\u67e5\u770b\u56fe\u7eb8\u65f6\u53e0\u52a0\u52a8\u6001\u6c34\u5370\uff08\u542b\u7528\u6237ID\u3001\u65f6\u95f4\uff09\uff0c\u9632\u6b62\u622a\u56fe\u6cc4\u5bc6\uff1b\u8bb0\u5f55\u64cd\u4f5c\u65e5\u5fd7\uff08\u8c01\u3001\u4f55\u65f6\u3001\u505a\u4e86\u4ec0\u4e48\u64cd\u4f5c\uff09\uff0c\u4fbf\u4e8e\u8ffd\u6eaf\u3002<\/p><\/li><\/ul>
                                                                              \u67d0\u822a\u7a7a\u4f01\u4e1a\u7684\u5b9e\u8df5\u8868\u660e,\u901a\u8fc7\u6743\u9650\u7ba1\u63a7\u548c\u6c34\u5370\u6280\u672f\uff0c\u5176\u6838\u5fc3\u673a\u578b\u7684CAD\u56fe\u7eb8\u5916\u6cc4\u98ce\u9669\u964d\u4f4e90%\u3002<\/p>
                                                                              \u672a\u6765\u8d8b\u52bf\uff1aAI\u4e0e\u4ea4\u4e92\u521b\u65b0\u7684\u878d\u5408<\/h2>
                                                                              \u7f51\u9875\u7aefCAD\u67e5\u770b\u5668\u7684\u4e0b\u4e00\u4e2a\u7a81\u7834\u53e3,\u5728\u4e8eAI\u8d4b\u80fd<\/strong>\u548c\u6c89\u6d78\u5f0f\u4ea4\u4e92<\/strong>\uff1a<\/p>
                                                                              • \u667a\u80fd\u8bc6\u522b<\/strong>\uff1aAI\u81ea\u52a8\u8bc6\u522b\u56fe\u7eb8\u4e2d\u7684\u6784\u4ef6\uff08\u5982\u5efa\u7b51\u4e2d\u7684\u201c\u6881\u201d\u201c\u67f1\u201d\uff0c\u673a\u68b0\u4e2d\u7684\u201c\u9f7f\u8f6e\u201d\uff09\uff0c\u63d0\u53d6\u5c3a\u5bf8\u6807\u6ce8\u751f\u6210BOM\u8868\uff0c\u751a\u81f3\u68c0\u6d4b\u8bbe\u8ba1\u9519\u8bef\uff08\u5982\u201c\u7ba1\u7ebf\u78b0\u649e\u201d\uff09\u3002<\/p><\/li>
                                                                              • AR\/VR\u9884\u89c8<\/strong>\uff1a\u7ed3\u5408WebXR\u6280\u672f\uff0c\u7528\u6237\u53ef\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u52a8AR\uff0c\u5c063D\u6a21\u578b\u6295\u5c04\u5230\u771f\u5b9e\u573a\u666f\uff08\u5982\u5de5\u5730\u73b0\u573a\u67e5\u770b\u5efa\u7b51\u6548\u679c\uff09\uff1b\u6216\u8fdb\u5165VR\u6a21\u5f0f\uff0c\u6c89\u6d78\u5f0f\u6d4f\u89c8\u5927\u578b\u88c5\u914d\u4f53\u3002<\/p><\/li>
                                                                              • \u4f4e\u4ee3\u7801\u6269\u5c55<\/strong>\uff1a\u63d0\u4f9b\u63d2\u4ef6\u5316\u67b6\u6784\uff0c\u8ba9\u4f01\u4e1a\u81ea\u5b9a\u4e49\u529f\u80fd\uff08\u5982\u201c\u5bfc\u5165\u4f01\u4e1a\u7269\u6599\u5e93\uff0c\u81ea\u52a8\u66ff\u6362\u6a21\u578b\u96f6\u4ef6\u201d\uff09\uff0c\u65e0\u9700\u6df1\u5ea6\u5f00\u53d1\u3002<\/p><\/li><\/ul>
                                                                                \u7f51\u9875\u7aefCAD\u56fe\u7eb8\u67e5\u770b\u5668\u7684\u5f00\u53d1,\u662f\u6280\u672f\u9009\u578b\u3001\u7528\u6237\u4f53\u9a8c\u3001\u5b89\u5168\u5408\u89c4\u7684\u7efc\u5408\u5de5\u7a0b\uff0c\u4ece\u89e3\u6790\u6e32\u67d3\u7684\u5e95\u5c42\u6280\u672f\uff0c\u5230\u534f\u4f5c\u4e92\u52a8\u7684\u529f\u80fd\u521b\u65b0\uff0c\u518d\u5230AI\u4e0eAR\u7684\u524d\u6cbf\u63a2\u7d22\uff0c\u6bcf\u4e00\u4e2a\u73af\u8282\u90fd\u9700\u56f4\u7ed5\u201c\u9ad8\u6548\u3001\u6613\u7528\u3001\u5b89\u5168\u201d\u7684\u76ee\u6807\u6253\u78e8\uff0c\u968f\u7740Web\u6280\u672f\uff08\u5982WebGPU\u3001WebAssembly\uff09\u7684\u8fed\u4ee3\uff0c\u8fd9\u7c7b\u5de5\u5177\u5c06\u6301\u7eed\u8fdb\u5316\uff0c\u6210\u4e3a\u5de5\u7a0b\u534f\u4f5c\u7684\u6838\u5fc3\u67a2\u7ebd\u3002<\/p>
                                                                                \"\u7f51\u9875\u7aefCAD\u56fe\u7eb8\u67e5\u770b\u5668\u5f00\u53d1\u9700\u8981\u5173\u6ce8\u54ea\u4e9b\u6838\u5fc3\u8981\u70b9\"<\/p>","pubDate":"Mon, 16 Mar 2026 09:55:08 +0800"},{"title":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e2d\u7684MCP\u662f\u4ec0\u4e48\uff1f\u8be5\u5982\u4f55\u9ad8\u6548\u8fd0\u7528\uff1f","link":"https:\/\/www.jiangweishan.com\/article\/MCPgaoxixjsd23423.html","description":"
                                                                                \u968f\u7740\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u751f\u6001\u7684\u7206\u53d1\uff0c\u201cMCP\u201d\u9010\u6e10\u6210\u4e3a\u5f00\u53d1\u8005\u548c\u5546\u5bb6\u70ed\u8bae\u7684\u5173\u952e\u8bcd\uff0c\u4e0d\u5c11\u4eba\u7591\u60d1\uff1aMCP\u5230\u5e95\u662f\u4ec0\u4e48\uff1f\u7528\u5b83\u5f00\u53d1\u5c0f\u7a0b\u5e8f\u6709\u54ea\u4e9b\u4f18\u52bf\uff1f\u53c8\u8be5\u5982\u4f55\u907f\u5f00\u5751\u70b9\u5feb\u901f\u843d\u5730\uff1f\u4eca\u5929\u6211\u4eec\u7528\u95ee\u7b54\u5f62\u5f0f,\u628a\u8fd9\u4e9b\u95ee\u9898\u8bb2\u900f\u3002<\/p>
                                                                                \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e2d\u7684MCP\u5230\u5e95\u662f\u4ec0\u4e48\uff1f<\/h2>
                                                                                MCP\u53ef\u7406\u89e3\u4e3a\u201c\u5c0f\u7a0b\u5e8f\u591a\u7aef\u5185\u5bb9\u4e0e\u5f00\u53d1\u5e73\u53f0\u201d<\/strong>\uff08\u4e0d\u540c\u5de5\u5177\u5b9a\u4e49\u7565\u6709\u5dee\u5f02\uff0c\u4f46\u6838\u5fc3\u662f\u201c\u9ad8\u6548\u5f00\u53d1+\u591a\u7aef\u7ba1\u7406\u201d\uff09\uff0c\u5b83\u662f\u4e00\u5957\u96c6\u6210\u4e86\u53ef\u89c6\u5316\u5f00\u53d1\u3001\u591a\u7aef\u9002\u914d\u3001\u6570\u636e\u7ba1\u7406\u3001\u63d2\u4ef6\u6269\u5c55\u7b49\u529f\u80fd\u7684\u5de5\u5177\u7cfb\u7edf\uff0c\u80fd\u8ba9\u5f00\u53d1\u8005\uff08\u751a\u81f3\u4e0d\u61c2\u4ee3\u7801\u7684\u8fd0\u8425\u4eba\u5458\uff09\u5feb\u901f\u642d\u5efa\u5c0f\u7a0b\u5e8f\uff0c\u540c\u65f6\u517c\u5bb9\u5fae\u4fe1\u3001\u652f\u4ed8\u5b9d\u3001\u6296\u97f3\u7b49\u591a\u7aef\u53d1\u5e03\u3002<\/p>
                                                                                \u548c\u4f20\u7edf\u201c\u4ee3\u7801\u624b\u5199\u201d\u5f00\u53d1\u76f8\u6bd4\uff0cMCP\u7684\u4f18\u52bf\u5f88\u76f4\u89c2\uff1a\u6bd4\u5982\u4e00\u4e2a\u9910\u996e\u5c0f\u7a0b\u5e8f\uff0c\u4f20\u7edf\u5f00\u53d1\u53ef\u80fd\u9700\u89811\u4e2a\u6708+\u30013 - 5\u4e07\u6210\u672c\uff0c\u7528MCP\u6a21\u677f\u642d\u5efa+\u7b80\u5355\u914d\u7f6e\uff0c1\u5468\u5185\u5c31\u80fd\u4e0a\u7ebf\uff0c\u6210\u672c\u964d\u5230\u51e0\u5343\u5143\uff0c\u8fd8\u80fd\u968f\u65f6\u8c03\u6574\u9875\u9762\u3001\u529f\u80fd\uff0c\u5b83\u7684\u6838\u5fc3\u4ef7\u503c\u662f\u201c\u964d\u4f4e\u6280\u672f\u95e8\u69db\uff0c\u63d0\u5347\u8fed\u4ee3\u6548\u7387\u201d<\/strong>\uff0c\u5c24\u5176\u9002\u5408\u4e2d\u5c0f\u5546\u5bb6\u3001\u521d\u521b\u56e2\u961f\u5feb\u901f\u8bd5\u9519\u3002<\/p>
                                                                                \u9009\u62e9MCP\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\uff0c\u9700\u8981\u907f\u5f00\u54ea\u4e9b\u5751\uff1f<\/h2>
                                                                                \u5f88\u591a\u4eba\u7b2c\u4e00\u6b21\u7528MCP\u4f1a\u8e29\u96f7\uff0c\u8fd9\u91cc\u603b\u7ed3\u51e0\u4e2a\u5173\u952e\u6ce8\u610f\u70b9\uff1a<\/p>
                                                                                \u5e73\u53f0\u517c\u5bb9\u6027\uff1a\u522b\u88ab\u201c\u4f2a\u591a\u7aef\u201d\u5ffd\u60a0<\/h3>
                                                                                \u6709\u4e9bMCP\u5ba3\u4f20\u201c\u652f\u6301\u591a\u7aef\u201d\uff0c\u4f46\u5b9e\u9645\u53ea\u9002\u914d\u5fae\u4fe1\uff0c\u652f\u4ed8\u5b9d\u3001\u6296\u97f3\u7aef\u9700\u8981\u989d\u5916\u4ed8\u8d39\u6216\u529f\u80fd\u9609\u5272\uff0c\u9009\u5de5\u5177\u65f6\u4e00\u5b9a\u8981\u5b9e\u6d4b\uff1a\u6bd4\u5982\u7528\u5b83\u751f\u6210\u7684\u5c0f\u7a0b\u5e8f\u4ee3\u7801\uff0c\u80fd\u5426\u76f4\u63a5\u5728\u652f\u4ed8\u5b9d\u5f00\u53d1\u8005\u5de5\u5177\u4e2d\u8fd0\u884c\uff1f\u754c\u9762\u3001\u652f\u4ed8\u529f\u80fd\u662f\u5426\u5b8c\u6574\uff1f<\/p>
                                                                                \u529f\u80fd\u6269\u5c55\u6027\uff1a\u9884\u7559\u201c\u81ea\u5b9a\u4e49\u201d\u7a7a\u95f4<\/h3>
                                                                                \u5982\u679c\u4f60\u7684\u5c0f\u7a0b\u5e8f\u9700\u8981\u72ec\u7279\u529f\u80fd\uff08\u6bd4\u5982\u5b9a\u5236\u5316\u7684\u4f1a\u5458\u4f53\u7cfb\u3001AR\u8bd5\u7a7f\uff09\uff0c\u8981\u786e\u8ba4MCP\u662f\u5426\u652f\u6301\u201c\u4ee3\u7801\u6269\u5c55\u201d<\/strong>\uff0c\u6bd4\u5982\u8f7b\u6808\u3001\u5373\u901f\u5e94\u7528\u90fd\u652f\u6301\u201c\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u201d\u6216\u201cAPI\u5bf9\u63a5\u201d\uff0c\u5141\u8bb8\u6280\u672f\u56e2\u961f\u5728\u6a21\u677f\u57fa\u7840\u4e0a\u8865\u5145\u4ee3\u7801\uff0c\u800c\u6709\u4e9b\u5de5\u5177\u5219\u5b8c\u5168\u5c01\u95ed\uff0c\u53ea\u80fd\u7528\u5185\u7f6e\u529f\u80fd\u3002<\/p>
                                                                                \u6570\u636e\u5b89\u5168\u6027\uff1a\u7528\u6237\u6570\u636e\u8c01\u6765\u7ba1\uff1f<\/h3>
                                                                                \u5982\u679c\u5c0f\u7a0b\u5e8f\u6d89\u53ca\u4ea4\u6613\u3001\u7528\u6237\u9690\u79c1\uff08\u6bd4\u5982\u624b\u673a\u53f7\u3001\u5730\u5740\uff09\uff0c\u8981\u660e\u786eMCP\u7684\u6570\u636e\u5b58\u50a8\u6743\u9650<\/strong>\uff0c\u6b63\u89c4\u5de5\u5177\u4f1a\u63d0\u4f9b\u201c\u79c1\u6709\u5316\u90e8\u7f72\u201d\u9009\u9879\uff08\u6bd4\u5982\u90e8\u7f72\u5728\u81ea\u5df1\u7684\u670d\u52a1\u5668\uff09\uff0c\u6216\u901a\u8fc7\u5fae\u4fe1\u5b98\u65b9\u4e91\u5f00\u53d1\u6258\u7ba1\uff0c\u907f\u514d\u7b2c\u4e09\u65b9\u5e73\u53f0\u79c1\u81ea\u83b7\u53d6\u6570\u636e\uff0c\u68c0\u67e5\u662f\u5426\u652f\u6301HTTPS\u52a0\u5bc6\u3001\u6570\u636e\u5907\u4efd\u7b49\u529f\u80fd\u3002<\/p>
                                                                                \u8d39\u7528\u9677\u9631\uff1a\u514d\u8d39\u7248\u2260\u4f4e\u6210\u672c<\/h3>
                                                                                \u5f88\u591aMCP\u5de5\u5177\u6807\u699c\u201c\u514d\u8d39\u4f7f\u7528\u201d\uff0c\u4f46\u6838\u5fc3\u529f\u80fd\uff08\u6bd4\u5982\u652f\u4ed8\u63a5\u53e3\u3001\u591a\u7aef\u53d1\u5e03\u3001\u6a21\u677f\u5546\u7528\uff09\u9700\u8981\u4ed8\u8d39\u89e3\u9501\uff0c\u9009\u5de5\u5177\u524d\u8981\u7b97\u6e05\u957f\u671f\u6210\u672c\uff1a\u6bd4\u5982\u67d0\u5de5\u5177\u514d\u8d39\u7248\u53ea\u80fd\u505a\u5c55\u793a\u578b\u5c0f\u7a0b\u5e8f\uff0c\u7535\u5546\u529f\u80fd\u5e74\u8d391.2\u4e07\uff0c\u662f\u5426\u5728\u9884\u7b97\u5185\uff1f<\/p>
                                                                                \u7528MCP\u642d\u5efa\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u5177\u4f53\u6d41\u7a0b\u662f\u600e\u6837\u7684\uff1f<\/h2>
                                                                                \u4ee5\u201c\u8f7b\u6808\u201d\u8fd9\u7c7b\u4e3b\u6d41MCP\u4e3a\u4f8b\uff0c\u6d41\u7a0b\u5927\u6982\u52065\u6b65\uff1a<\/p>
                                                                                \u9700\u6c42\u68b3\u7406\uff1a\u660e\u786e\u201c\u8981\u505a\u4ec0\u4e48\u201d<\/h3>
                                                                                \u6bd4\u5982\u4f60\u8981\u505a\u4e00\u4e2a\u9c9c\u82b1\u7535\u5546\u5c0f\u7a0b\u5e8f\uff0c\u6838\u5fc3\u529f\u80fd\u662f\u201c\u5546\u54c1\u5c55\u793a - \u4e0b\u5355 - \u914d\u9001\u201d\uff0c\u8fd8\u8981\u201c\u4f1a\u5458\u79ef\u5206 - \u9650\u65f6\u6298\u6263\u201d\uff0c\u5148\u628a\u529f\u80fd\u70b9\u5217\u6210\u6e05\u5355\uff0c\u65b9\u4fbf\u540e\u7eed\u9009\u6a21\u677f\u3001\u914d\u7ec4\u4ef6\u3002<\/p>
                                                                                \u9009MCP\u5de5\u5177+\u6a21\u677f<\/h3>
                                                                                \u6253\u5f00\u8f7b\u6808\u3001\u5373\u901f\u5e94\u7528\u7b49\u5e73\u53f0\uff0c\u641c\u7d22\u201c\u9c9c\u82b1\u7535\u5546\u201d\u6a21\u677f\uff0c\u9884\u89c8\u540e\u9009\u62e9\u6700\u8d34\u8fd1\u9700\u6c42\u7684\uff08\u6bd4\u5982\u5e26\u201c\u5546\u54c1\u5206\u7c7b+\u8d2d\u7269\u8f66+\u8ba2\u5355\u7ba1\u7406\u201d\u7684\u6a21\u677f\uff09\uff0c\u6ce8\u610f\u6a21\u677f\u7684\u201c\u5546\u7528\u6388\u6743\u201d\uff0c\u907f\u514d\u4fb5\u6743\u3002<\/p>
                                                                                \u53ef\u89c6\u5316\u642d\u5efa\uff1a\u62d6\u62fd+\u914d\u7f6e<\/h3>
                                                                                \u8fdb\u5165\u7f16\u8f91\u5668\uff0c\u50cf\u642d\u79ef\u6728\u4e00\u6837\u8c03\u6574\u9875\u9762\uff1a<\/p>
                                                                                • \u9875\u9762\u7ed3\u6784<\/strong>\uff1a\u5220\u9664\u6a21\u677f\u91cc\u4e0d\u9700\u8981\u7684\u6a21\u5757\uff08\u8bc4\u4ef7\u201d\u6a21\u5757\uff09\uff0c\u6dfb\u52a0\u8f6e\u64ad\u56fe\u3001\u5546\u54c1\u5217\u8868\u3001\u4f18\u60e0\u5238\u7ec4\u4ef6\uff1b<\/p><\/li>
                                                                                • \u529f\u80fd\u914d\u7f6e<\/strong>\uff1a\u5728\u201c\u8ba2\u5355\u7ba1\u7406\u201d\u4e2d\u5bf9\u63a5\u5fae\u4fe1\u652f\u4ed8\uff08MCP\u4f1a\u63d0\u4f9b\u5b98\u65b9\u652f\u4ed8\u63a5\u53e3\u914d\u7f6e\u6307\u5f15\uff09\uff0c\u5728\u201c\u4f1a\u5458\u4e2d\u5fc3\u201d\u8bbe\u7f6e\u79ef\u5206\u89c4\u5219\uff1b<\/p><\/li>
                                                                                • \u98ce\u683c\u5b9a\u5236<\/strong>\uff1a\u4fee\u6539\u914d\u8272\u3001\u5b57\u4f53\uff0c\u4e0a\u4f20\u54c1\u724cLogo\uff0c\u8ba9\u5c0f\u7a0b\u5e8f\u98ce\u683c\u548c\u54c1\u724c\u7edf\u4e00\u3002<\/p><\/li><\/ul>
                                                                                  \u6570\u636e\u4e0e\u63a5\u53e3\u5bf9\u63a5<\/h3>
                                                                                  \u5982\u679c\u9700\u8981\u540c\u6b65\u81ea\u6709\u7cfb\u7edf\u7684\u5546\u54c1\u3001\u8ba2\u5355\u6570\u636e\uff08\u6bd4\u5982\u5df2\u6709\u6dd8\u5b9d\u5e97\uff09\uff0c\u53ef\u4ee5\u7528MCP\u7684\u201cAPI\u5bf9\u63a5\u201d\u529f\u80fd\uff0c\u628a\u5c0f\u7a0b\u5e8f\u548c\u73b0\u6709\u540e\u53f0\u6253\u901a\uff0c\u5982\u679c\u662f\u5168\u65b0\u4e1a\u52a1\uff0c\u76f4\u63a5\u7528MCP\u5185\u7f6e\u7684\u4e91\u6570\u636e\u5e93\u5b58\u50a8\u5546\u54c1\u3001\u7528\u6237\u4fe1\u606f\u5373\u53ef\u3002<\/p>
                                                                                  \u6d4b\u8bd5+\u53d1\u5e03<\/h3>
                                                                                  \u5728\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u4e2d\u5bfc\u5165MCP\u751f\u6210\u7684\u4ee3\u7801\uff0c\u6d4b\u8bd5\u6240\u6709\u529f\u80fd\uff08\u6bd4\u5982\u4e0b\u5355\u6d41\u7a0b\u3001\u4f18\u60e0\u5238\u4f7f\u7528\uff09\uff0c\u786e\u8ba4\u65e0\u8bef\u540e\uff0c\u63d0\u4ea4\u5fae\u4fe1\u5ba1\u6838\uff08\u4e00\u822c1 - 3\u5929\uff09\uff0c\u901a\u8fc7\u540e\u5373\u53ef\u6b63\u5f0f\u53d1\u5e03\u3002<\/p>
                                                                                  MCP\u5f00\u53d1\u7684\u5c0f\u7a0b\u5e8f\uff0c\u5982\u4f55\u4f18\u5316\u7528\u6237\u4f53\u9a8c\uff1f<\/h2>
                                                                                  \u5f88\u591a\u4eba\u4ee5\u4e3a\u201c\u6a21\u677f\u5316\u201d\u4f1a\u5bfc\u81f4\u4f53\u9a8c\u5dee\uff0c\u5176\u5b9e\u505a\u597d\u8fd9\u51e0\u70b9\uff0cMCP\u5c0f\u7a0b\u5e8f\u4e5f\u80fd\u5ab2\u7f8e\u539f\u751f\u5f00\u53d1\uff1a<\/p>
                                                                                  \u9875\u9762\u52a0\u8f7d\uff1a\u4ece\u201c\u5feb\u201d\u5230\u201c\u65e0\u611f\u201d<\/h3>
                                                                                  • \u56fe\u7247\u538b\u7f29\uff1a\u7528MCP\u81ea\u5e26\u7684\u201c\u56fe\u7247\u4f18\u5316\u201d\u5de5\u5177\uff0c\u628a\u5546\u54c1\u56fe\u538b\u7f29\u5230500KB\u4ee5\u5185\uff0c\u540c\u65f6\u5f00\u542f\u201c\u61d2\u52a0\u8f7d\u201d\uff08\u6eda\u52a8\u5230\u5c4f\u5e55\u518d\u52a0\u8f7d\uff09\uff1b<\/p><\/li>
                                                                                  • \u4ee3\u7801\u5206\u5305\uff1a\u628a\u9996\u9875\u3001\u5546\u54c1\u9875\u7b49\u6838\u5fc3\u4ee3\u7801\u5355\u72ec\u6253\u5305\uff0c\u975e\u5fc5\u8981\u529f\u80fd\uff08\u6bd4\u5982\u5e2e\u52a9\u4e2d\u5fc3\uff09\u653e\u5728\u201c\u5206\u5305\u201d\u91cc\uff0c\u9996\u5c4f\u52a0\u8f7d\u901f\u5ea6\u63d0\u534730%+\u3002<\/p><\/li><\/ul>
                                                                                    \u4ea4\u4e92\u8bbe\u8ba1\uff1a\u201c\u4e1d\u6ed1\u611f\u201d\u6bd4\u201c\u82b1\u91cc\u80e1\u54e8\u201d\u91cd\u8981<\/h3>
                                                                                    • \u7b80\u5316\u64cd\u4f5c\uff1a\u6bd4\u5982\u70b9\u9910\u5c0f\u7a0b\u5e8f\uff0c\u628a\u201c\u9009\u9910 - \u52a0\u8d2d - \u4e0b\u5355\u201d\u6d41\u7a0b\u4ece5\u6b65\u538b\u7f29\u52303\u6b65\uff08\u81ea\u52a8\u8bc6\u522b\u5730\u5740\u3001\u9ed8\u8ba4\u5e38\u7528\u652f\u4ed8\u65b9\u5f0f\uff09\uff1b<\/p><\/li>
                                                                                    • \u53cd\u9988\u53ca\u65f6\uff1a\u6309\u94ae\u70b9\u51fb\u540e\u7acb\u5373\u663e\u793a\u201c\u52a0\u8f7d\u4e2d\u201d\u52a8\u753b\uff0c\u652f\u4ed8\u6210\u529f\u540e\u5f39\u51fa\u201c\u5927\u7ea2\u5305\u201d\u52a8\u6548\uff0c\u8ba9\u7528\u6237\u660e\u786e\u611f\u77e5\u64cd\u4f5c\u7ed3\u679c\u3002<\/p><\/li><\/ul>
                                                                                      \u591a\u7aef\u9002\u914d\uff1a\u7ec6\u8282\u51b3\u5b9a\u7559\u5b58<\/h3>
                                                                                      • \u5fae\u4fe1\u7aef\uff1a\u5229\u7528\u201c\u5fae\u4fe1\u5f00\u653e\u5e73\u53f0\u201d\u80fd\u529b\uff0c\u6bd4\u5982\u63a5\u5165\u201c\u5fae\u4fe1\u4e00\u952e\u767b\u5f55\u201d\u201c\u5c0f\u7a0b\u5e8f\u76f4\u64ad\u201d\uff0c\u63d0\u5347\u7528\u6237\u7c98\u6027\uff1b<\/p><\/li>
                                                                                      • \u5176\u4ed6\u7aef\uff1a\u652f\u4ed8\u5b9d\u7aef\u8981\u9002\u914d\u201c\u829d\u9ebb\u4fe1\u7528\u201d\u6388\u6743\uff0c\u6296\u97f3\u7aef\u8981\u4f18\u5316\u77ed\u89c6\u9891\u5f15\u6d41\u5165\u53e3\uff0c\u8ba9\u4e0d\u540c\u5e73\u53f0\u7684\u7528\u6237\u90fd\u89c9\u5f97\u201c\u7528\u7740\u987a\u624b\u201d\u3002<\/p><\/li><\/ul>
                                                                                        \u771f\u5b9e\u6848\u4f8b\uff1aMCP\u5982\u4f55\u5e2e\u5546\u5bb6\u5feb\u901f\u7206\u53d1\uff1f<\/h2>
                                                                                        \u6210\u90fd\u67d0\u5976\u8336\u54c1\u724c\u201c\u8336\u5c0f\u95f2\u201d\uff0c2023\u5e74\u7528\u5373\u901f\u5e94\u7528MCP<\/strong>\u642d\u5efa\u5c0f\u7a0b\u5e8f\uff0c3\u5929\u4e0a\u7ebf\uff0c\u6838\u5fc3\u52a8\u4f5c\u662f\uff1a<\/p>
                                                                                        • \u6a21\u677f\u9009\u62e9<\/strong>\uff1a\u7528\u201c\u9910\u996e\u5916\u5356\u201d\u6a21\u677f\uff0c\u4fdd\u7559\u201c\u5546\u54c1\u5c55\u793a+\u8d2d\u7269\u8f66+\u914d\u9001\u201d\u6838\u5fc3\u529f\u80fd\uff0c\u53bb\u6389\u5197\u4f59\u6a21\u5757\uff1b<\/p><\/li>
                                                                                        • \u5dee\u5f02\u5316\u914d\u7f6e<\/strong>\uff1a\u5728MCP\u4e2d\u81ea\u5b9a\u4e49\u201c\u5976\u8336DIY\u201d\u529f\u80fd\uff08\u7528\u6237\u9009\u62e9\u8336\u5e95\u3001\u914d\u6599\uff09\uff0c\u901a\u8fc7\u201c\u7ec4\u4ef6\u6269\u5c55\u201d\u5b9e\u73b0\uff1b<\/p><\/li>
                                                                                        • \u591a\u7aef\u8fd0\u8425<\/strong>\uff1a\u540c\u6b65\u53d1\u5e03\u5230\u5fae\u4fe1\u3001\u6296\u97f3\u5c0f\u7a0b\u5e8f\uff0c\u6296\u97f3\u7aef\u7ed3\u5408\u201c\u56e2\u8d2d\u5238\u201d\u529f\u80fd\uff0c\u4e0a\u7ebf1\u4e2a\u6708\uff0c\u6296\u97f3\u7aef\u8ba2\u5355\u5360\u6bd4\u8fbe40%\uff1b<\/p><\/li>
                                                                                        • \u6570\u636e\u8fed\u4ee3<\/strong>\uff1a\u901a\u8fc7MCP\u540e\u53f0\u5206\u6790\u201c\u7528\u6237\u505c\u7559\u6700\u957f\u7684\u9875\u9762\u201d\u201c\u5f03\u5355\u7387\u9ad8\u7684\u73af\u8282\u201d\uff0c\u6bcf\u5468\u4f18\u53161\u6b21\u9875\u9762\u5e03\u5c40\uff0c\u590d\u8d2d\u7387\u4ece15%\u63d0\u5347\u523028%\u3002<\/p><\/li><\/ul>
                                                                                          \u8fd9\u4e2a\u6848\u4f8b\u8bc1\u660e\uff1aMCP\u4e0d\u662f\u201c\u4f4e\u914d\u7248\u201d\u5f00\u53d1\uff0c\u800c\u662f\u201c\u9ad8\u6548\u8bd5\u9519+\u5feb\u901f\u8fed\u4ee3\u201d\u7684\u5229\u5668\uff0c\u9002\u5408\u4e2d\u5c0f\u5546\u5bb6\u7528\u6700\u5c0f\u6210\u672c\u9a8c\u8bc1\u5546\u4e1a\u6a21\u5f0f\u3002<\/p>
                                                                                          \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e2d\u7684MCP\uff0c\u672c\u8d28\u662f\u201c\u6548\u7387\u5de5\u5177\u201d<\/strong>\uff0c\u5b83\u8ba9\u6280\u672f\u95e8\u69db\u9ad8\u7684\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u53d8\u5f97\u5e73\u6c11\u5316\uff0c\u53ea\u8981\u9009\u5bf9\u5de5\u5177\u3001\u907f\u5f00\u517c\u5bb9\u6027\/\u6269\u5c55\u6027\u9677\u9631\u3001\u505a\u597d\u4f53\u9a8c\u4f18\u5316\uff0c\u5373\u4f7f\u662f0\u4ee3\u7801\u57fa\u7840\u7684\u56e2\u961f\uff0c\u4e5f\u80fd\u505a\u51fa\u7528\u6237\u559c\u6b22\u3001\u5546\u4e1a\u53d8\u73b0\u5f3a\u7684\u5c0f\u7a0b\u5e8f\uff0c\u5982\u679c\u4f60\u8fd8\u5728\u7ea0\u7ed3\u201c\u81ea\u5df1\u5199\u4ee3\u7801\u8fd8\u662f\u7528MCP\u201d\uff0c\u4e0d\u59a8\u5148\u9009\u4e2a\u514d\u8d39\u7248\u5de5\u5177\uff0c\u7528\u6a21\u677f\u642d\u4e2aDemo\u8bd5\u8bd5\u2014\u2014\u5b9e\u8df5\u540e,\u4f60\u4f1a\u66f4\u6e05\u695a\u54ea\u79cd\u65b9\u5f0f\u9002\u5408\u81ea\u5df1\u7684\u4e1a\u52a1\u3002<\/p>","pubDate":"Thu, 12 Mar 2026 21:50:29 +0800"},{"title":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\u63d0\u793aerror fail to open ide\u8be5\u600e\u4e48\u89e3\u51b3\uff1f","link":"https:\/\/www.jiangweishan.com\/article\/xijsdjg234234234.html","description":"
                                                                                          \u5728\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u8fc7\u7a0b\u4e2d\uff0c\u4e0d\u5c11\u5f00\u53d1\u8005\u4f1a\u9047\u5230\u6253\u5f00\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\u65f6\u5f39\u51fa\u201cerror fail to open ide\u201d\u7684\u9519\u8bef\u63d0\u793a\uff0c\u8fd9\u5f80\u5f80\u4f1a\u6253\u4e71\u5f00\u53d1\u8282\u594f\uff0c\u8fd9\u4e2a\u9519\u8bef\u53ef\u80fd\u51fa\u73b0\u5728\u5de5\u5177\u9996\u6b21\u5b89\u88c5\u3001\u7248\u672c\u66f4\u65b0\u540e\uff0c\u6216\u662f\u7cfb\u7edf\u73af\u5883\u53d8\u52a8\uff08\u5982\u7cfb\u7edf\u5347\u7ea7\u3001\u8f6f\u4ef6\u51b2\u7a81\uff09\u7b49\u573a\u666f\u4e0b\uff0c\u522b\u7740\u6025\uff0c\u6211\u4eec\u53ef\u4ee5\u4ece\u591a\u4e2a\u89d2\u5ea6\u6392\u67e5\u539f\u56e0,\u627e\u5230\u5bf9\u5e94\u7684\u89e3\u51b3\u65b9\u6cd5\u3002<\/p>
                                                                                          \u8f6f\u4ef6\u5b89\u88c5\u6216\u66f4\u65b0\u73af\u8282\u51fa\u4e86\u95ee\u9898\uff1f<\/h2>
                                                                                          \u5982\u679c\u5de5\u5177\u662f\u521a\u5b89\u88c5\u7684\uff0c\u6216\u8005\u521a\u5b8c\u6210\u66f4\u65b0,\u5f88\u53ef\u80fd\u662f\u5b89\u88c5\u5305\u672c\u8eab\u6216\u66f4\u65b0\u8fc7\u7a0b\u51fa\u4e86\u5c94\u5b50\u3002<\/p>
                                                                                          \u5b89\u88c5\u5305\u4e0b\u8f7d\u4e0d\u5b8c\u6574<\/h3>
                                                                                          \u4e0b\u8f7d\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\u65f6\uff0c\u7f51\u7edc\u6ce2\u52a8\u53ef\u80fd\u5bfc\u81f4\u5b89\u88c5\u5305\u635f\u574f\uff0c\u5c31\u50cf\u4e0b\u8f7d\u4e00\u4e2a\u6587\u4ef6\u65f6\u7a81\u7136\u65ad\u7f51\uff0c\u91cd\u65b0\u8fde\u63a5\u540e\u867d\u7136\u6587\u4ef6\u5927\u5c0f\u6ca1\u53d8\uff0c\u4f46\u5185\u90e8\u6570\u636e\u53ef\u80fd\u5df2\u7ecf\u4e71\u4e86\uff0c\u8fd9\u79cd\u60c5\u51b5\u4e0b\u5b89\u88c5\u7684\u5de5\u5177\uff0c\u8fd0\u884c\u65f6\u5c31\u4f1a\u56e0\u4e3a\u6587\u4ef6\u4e0d\u5b8c\u6574\u800c\u62a5\u9519\u3002\u89e3\u51b3\u65b9\u6cd5\u5f88\u76f4\u63a5\uff1a\u91cd\u65b0\u4ece\u5fae\u4fe1\u5b98\u65b9\u6e20\u9053\u4e0b\u8f7d\u6700\u65b0\u7248\u672c<\/strong>\uff0c\u5b98\u65b9\u4e0b\u8f7d\u5730\u5740\u662fhttps:\/\/developers.weixin.qq.com\/miniprogram\/dev\/devtools\/download.html\uff0c\u4e0b\u8f7d\u65f6\u786e\u4fdd\u7f51\u7edc\u7a33\u5b9a\uff0c\u5b8c\u6210\u540e\u53ef\u4ee5\u5bf9\u6bd4\u5b98\u65b9\u7ed9\u51fa\u7684\u6587\u4ef6\u5927\u5c0f\uff08\u9875\u9762\u4e0a\u4f1a\u6807\u6ce8\u5404\u7cfb\u7edf\u7248\u672c\u7684\u5b89\u88c5\u5305\u5927\u5c0f\uff09\uff0c\u5982\u679c\u672c\u5730\u6587\u4ef6\u5927\u5c0f\u660e\u663e\u4e0d\u7b26,\u5c31\u91cd\u65b0\u4e0b\u8f7d\u3002<\/p>
                                                                                          \u66f4\u65b0\u8fc7\u7a0b\u88ab\u4e2d\u65ad<\/h3>
                                                                                          \u5de5\u5177\u7684\u81ea\u52a8\u66f4\u65b0\u529f\u80fd\u6709\u65f6\u4f1a\u56e0\u4e3a\u7f51\u7edc\u4e2d\u65ad\u3001\u7535\u8111\u610f\u5916\u5173\u673a\u7b49\u539f\u56e0\u5931\u8d25\uff0c\u5bfc\u81f4\u7a0b\u5e8f\u6587\u4ef6\u635f\u574f\uff0c\u6bd4\u5982\u66f4\u65b0\u5230\u4e00\u534a\u65f6\u7a81\u7136\u65ad\u7535\uff0c\u518d\u6b21\u542f\u52a8\u5de5\u5177\u65f6\uff0c\u6b8b\u7559\u7684\u4e0d\u5b8c\u6574\u6587\u4ef6\u5c31\u4f1a\u8ba9\u542f\u52a8\u6d41\u7a0b\u5d29\u6e83\u3002\u89e3\u51b3\u6b65\u9aa4\uff1a<\/p>
                                                                                          • \u5148\u5f7b\u5e95\u5378\u8f7d\u65e7\u7248\u672c<\/strong>\uff1a\u5728Windows\u7684\u201c\u63a7\u5236\u9762\u677f\u2192\u7a0b\u5e8f\u548c\u529f\u80fd\u201d\uff08\u6216\u8bbe\u7f6e\u2192\u5e94\u7528\u2192\u5e94\u7528\u548c\u529f\u80fd\uff09\u4e2d\u627e\u5230\u201c\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u5de5\u5177\u201d\uff0c\u70b9\u51fb\u5378\u8f7d\uff1bMac\u7528\u6237\u5219\u5c06\u5de5\u5177\u62d6\u5230\u5e9f\u7eb8\u7bd3\uff0c\u7136\u540e\u6e05\u7a7a\u3002<\/p><\/li>
                                                                                          • \u6e05\u7406\u6b8b\u7559\u6587\u4ef6\uff1aWindows\u7528\u6237\u53ef\u4ee5\u5220\u9664C:\\Users\\\u4f60\u7684\u7528\u6237\u540d\\AppData\\Local\\\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u76ee\u5f55\u4e0b\u7684\u6587\u4ef6\uff1bMac\u7528\u6237\u5220\u9664~\/Library\/Application Support\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u548c~\/Library\/Caches\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u6587\u4ef6\u5939\u3002<\/p><\/li>
                                                                                          • \u91cd\u65b0\u5b89\u88c5\uff1a\u4ece\u5b98\u65b9\u6e20\u9053\u4e0b\u8f7d\u6700\u65b0\u5b89\u88c5\u5305\uff0c\u6309\u7167\u63d0\u793a\u5b8c\u6210\u5b89\u88c5\uff0c\u8fc7\u7a0b\u4e2d\u4e0d\u8981\u4e2d\u65ad\u3002<\/p><\/li><\/ul>
                                                                                            \u7cfb\u7edf\u6743\u9650\u6216\u73af\u5883\u914d\u7f6e\u6ca1\u7ed9\u591f\uff1f<\/h2>
                                                                                            \u5de5\u5177\u8fd0\u884c\u9700\u8981\u8c03\u7528\u7cfb\u7edf\u8d44\u6e90\uff0c\u5982\u679c\u6743\u9650\u4e0d\u8db3\u6216\u7cfb\u7edf\u7ec4\u4ef6\u7f3a\u5931,\u4e5f\u4f1a\u89e6\u53d1\u8fd9\u4e2a\u9519\u8bef\u3002<\/p>
                                                                                            \u7f3a\u5c11\u7ba1\u7406\u5458\u6743\u9650\uff08Windows\u5e38\u89c1\uff09<\/h3>
                                                                                            Windows\u7cfb\u7edf\u4e2d\uff0c\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u9700\u8981\u4fee\u6539\u4e00\u4e9b\u7cfb\u7edf\u7ea7\u7684\u6587\u4ef6\u6216\u670d\u52a1\uff08\u6bd4\u5982\u7f51\u7edc\u914d\u7f6e\u3001\u8fdb\u7a0b\u7ba1\u7406\uff09\uff0c\u5982\u679c\u4ee5\u666e\u901a\u7528\u6237\u6743\u9650\u8fd0\u884c\uff0c\u53ef\u80fd\u4f1a\u88ab\u7cfb\u7edf\u62e6\u622a\uff0c\u5c31\u50cf\u4f60\u60f3\u4fee\u6539\u7535\u8111\u7684\u7cfb\u7edf\u65f6\u95f4\uff0c\u5fc5\u987b\u7528\u7ba1\u7406\u5458\u8d26\u53f7\u624d\u884c\u3002\u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>
                                                                                            • \u53f3\u952e\u70b9\u51fb\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u7684\u5feb\u6377\u65b9\u5f0f\uff0c\u9009\u62e9\u201c\u4ee5\u7ba1\u7406\u5458\u8eab\u4efd\u8fd0\u884c\u201d<\/strong>\uff0c\u770b\u662f\u5426\u80fd\u6b63\u5e38\u542f\u52a8\u3002<\/p><\/li>
                                                                                            • \u5982\u679c\u6bcf\u6b21\u90fd\u9700\u8981\u7ba1\u7406\u5458\u6743\u9650\uff0c\u53ef\u4ee5\u53f3\u952e\u5feb\u6377\u65b9\u5f0f\u2192\u5c5e\u6027\u2192\u517c\u5bb9\u6027\uff0c\u52fe\u9009\u201c\u4ee5\u7ba1\u7406\u5458\u8eab\u4efd\u8fd0\u884c\u6b64\u7a0b\u5e8f\u201d\uff0c\u70b9\u51fb\u786e\u5b9a,\u8fd9\u6837\u4ee5\u540e\u542f\u52a8\u65f6\u5c31\u4f1a\u81ea\u52a8\u83b7\u53d6\u7ba1\u7406\u5458\u6743\u9650\u4e86\u3002<\/p><\/li><\/ul>
                                                                                              \u7cfb\u7edf\u4f9d\u8d56\u7ec4\u4ef6\u7f3a\u5931<\/h3>
                                                                                              \u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u57fa\u4e8eElectron\u5f00\u53d1\uff0c\u9700\u8981\u7cfb\u7edf\u5b89\u88c5\u5fae\u8f6f\u7684VC\u8fd0\u884c\u5e93\uff08Visual C++ Redistributable\uff09\u7b49\u7ec4\u4ef6\uff0c\u5982\u679c\u4f60\u7684\u7535\u8111\u6ca1\u88c5\u8fd9\u4e9b\u7ec4\u4ef6\uff0c\u5de5\u5177\u542f\u52a8\u65f6\u4f1a\u56e0\u4e3a\u201c\u627e\u4e0d\u5230\u4f9d\u8d56\u201d\u800c\u62a5\u9519\u3002\u89e3\u51b3\u6b65\u9aa4\uff1a<\/p>
                                                                                              • \u68c0\u67e5\u7cfb\u7edf\u662f\u5426\u5b89\u88c5\u4e86\u6700\u65b0\u7684VC Redistributable\uff08x86\u548cx64\u7248\u672c\uff09<\/strong>\uff0c\u53ef\u4ee5\u4ece\u5fae\u8f6f\u5b98\u7f51\u4e0b\u8f7d\u5bf9\u5e94\u7248\u672c\u7684\u5b89\u88c5\u5305\uff0c\u5b89\u88c5\u65f6\u9009\u62e9\u201c\u4fee\u590d\u201d\uff08\u5982\u679c\u5df2\u5b89\u88c5\uff09\u6216\u201c\u5b89\u88c5\u201d\uff08\u5982\u679c\u672a\u5b89\u88c5\uff09\u3002<\/p><\/li>
                                                                                              • \u5bf9\u4e8eMac\u7528\u6237\uff0c\u786e\u4fdd\u7cfb\u7edf\u662fmacOS 10.12\u53ca\u4ee5\u4e0a\u7248\u672c\uff08\u5fae\u4fe1\u5b98\u65b9\u8981\u6c42\uff09\uff0c\u5e76\u4e14\u5b89\u88c5\u4e86\u6700\u65b0\u7684\u7cfb\u7edf\u66f4\u65b0\uff0c\u5982\u679c\u7cfb\u7edf\u7248\u672c\u592a\u65e7\uff0c\u53ef\u80fd\u4f1a\u56e0\u4e3a\u517c\u5bb9\u6027\u95ee\u9898\u5bfc\u81f4\u5de5\u5177\u542f\u52a8\u5931\u8d25\u3002<\/p><\/li><\/ul>
                                                                                                \u7f13\u5b58\u6216\u914d\u7f6e\u6587\u4ef6\u201c\u574f\u201d\u4e86\uff1f<\/h2>
                                                                                                \u5de5\u5177\u4f1a\u7f13\u5b58\u9879\u76ee\u4fe1\u606f\u3001\u767b\u5f55\u72b6\u6001\u7b49\u6570\u636e\uff0c\u5982\u679c\u8fd9\u4e9b\u7f13\u5b58\u6587\u4ef6\u635f\u574f,\u4e5f\u4f1a\u5bfc\u81f4\u542f\u52a8\u5931\u8d25\u3002<\/p>
                                                                                                \u6e05\u7406\u5de5\u5177\u7684\u7f13\u5b58\u6587\u4ef6<\/h3>
                                                                                                \u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u7684\u7f13\u5b58\u6587\u4ef6\u91cc\u53ef\u80fd\u5b58\u7740\u65e7\u7684\u9879\u76ee\u914d\u7f6e\u3001\u767b\u5f55token\u7b49\uff0c\u4e00\u65e6\u635f\u574f\u5c31\u4f1a\u5e72\u6270\u542f\u52a8\u3002\u64cd\u4f5c\u6b65\u9aa4\uff1a<\/p>
                                                                                                • Windows\u7528\u6237\uff1a\u6253\u5f00\u6587\u4ef6\u8d44\u6e90\u7ba1\u7406\u5668\uff0c\u8f93\u5165\u8def\u5f84C:\\Users\\\u4f60\u7684\u7528\u6237\u540d\\AppData\\Local\\\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\uff08AppData\u662f\u9690\u85cf\u6587\u4ef6\u5939\uff0c\u9700\u8981\u663e\u793a\u9690\u85cf\u6587\u4ef6\uff09\uff0c\u627e\u5230Cache<\/code>\u3001Local Storage<\/code>\u7b49\u6587\u4ef6\u5939\uff0c\u5907\u4efd\u540e\u5220\u9664<\/strong>\uff08\u907f\u514d\u8bef\u5220\u91cd\u8981\u6570\u636e\uff0c\u6bd4\u5982\u9879\u76ee\u7684\u672c\u5730\u914d\u7f6e\uff09\u3002<\/p><\/li>
                                                                                                • Mac\u7528\u6237\uff1a\u6253\u5f00\u8bbf\u8fbe\uff0c\u6309\u4f4fOption\u952e\u70b9\u51fb\u201c\u524d\u5f80\u2192\u8d44\u6e90\u5e93\u201d\uff0c\u8fdb\u5165Library\/Application Support\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u548cLibrary\/Caches\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\uff0c\u540c\u6837\u5907\u4efd\u540e\u5220\u9664\u7f13\u5b58\u6587\u4ef6\u5939\u3002<\/p><\/li>
                                                                                                • \u91cd\u542f\u5de5\u5177\uff0c\u770b\u662f\u5426\u80fd\u6b63\u5e38\u6253\u5f00\uff0c\u5982\u679c\u8fd8\u662f\u4e0d\u884c,\u7ee7\u7eed\u4e0b\u4e00\u6b65\u3002<\/p><\/li><\/ul>
                                                                                                  \u9879\u76ee\u914d\u7f6e\u6587\u4ef6\u51b2\u7a81<\/h3>
                                                                                                  \u5982\u679c\u5de5\u5177\u542f\u52a8\u65f6\u4f1a\u81ea\u52a8\u52a0\u8f7d\u6700\u8fd1\u7684\u9879\u76ee\uff0c\u67d0\u4e2a\u9879\u76ee\u7684project.config.json<\/code>\uff08\u9879\u76ee\u914d\u7f6e\u6587\u4ef6\uff09\u635f\u574f\uff0c\u4e5f\u4f1a\u5bfc\u81f4\u542f\u52a8\u5931\u8d25\u3002\u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>
                                                                                                  • \u5148\u628a\u6240\u6709\u9879\u76ee\u6587\u4ef6\u5939\u4e34\u65f6\u79fb\u5230\u5176\u4ed6\u4f4d\u7f6e<\/strong>\uff08\u6bd4\u5982\u684c\u9762\uff09\uff0c\u7136\u540e\u542f\u52a8\u5de5\u5177\uff0c\u5982\u679c\u5de5\u5177\u80fd\u6b63\u5e38\u6253\u5f00\uff0c\u8bf4\u660e\u662f\u67d0\u4e2a\u9879\u76ee\u7684\u914d\u7f6e\u6709\u95ee\u9898\u3002<\/p><\/li>
                                                                                                  • \u9010\u4e2a\u5c06\u9879\u76ee\u79fb\u56de\u539f\u4f4d\u7f6e\uff0c\u6bcf\u6b21\u79fb\u52a8\u540e\u542f\u52a8\u5de5\u5177\uff0c\u76f4\u5230\u627e\u5230\u201c\u79fb\u52a8\u540e\u5de5\u5177\u53c8\u62a5\u9519\u201d\u7684\u9879\u76ee\uff0c\u9488\u5bf9\u8fd9\u4e2a\u9879\u76ee\uff0c\u6253\u5f00\u5176project.config.json<\/code>\u6587\u4ef6\uff0c\u68c0\u67e5\u662f\u5426\u6709\u8bed\u6cd5\u9519\u8bef\uff08\u6bd4\u5982\u62ec\u53f7\u4e0d\u5339\u914d\u3001\u5f15\u53f7\u7f3a\u5931\uff09\uff0c\u6216\u8005\u76f4\u63a5\u5220\u9664\u8fd9\u4e2a\u6587\u4ef6\uff08\u5de5\u5177\u4f1a\u81ea\u52a8\u751f\u6210\u9ed8\u8ba4\u914d\u7f6e\uff0c\u4e0d\u8fc7\u9879\u76ee\u7684\u4e2a\u6027\u5316\u8bbe\u7f6e\u4f1a\u4e22\u5931\uff0c\u6240\u4ee5\u6700\u597d\u5148\u5907\u4efd\uff09\u3002<\/p><\/li><\/ul>
                                                                                                    \u6740\u6bd2\u8f6f\u4ef6\u6216\u9632\u706b\u5899\u201c\u8bef\u6740\u201d\u4e86\u5de5\u5177\uff1f<\/h2>
                                                                                                    \u6709\u4e9b\u6740\u6bd2\u8f6f\u4ef6\u4f1a\u628a\u5de5\u5177\u7684\u8fdb\u7a0b\u5f53\u6210\u201c\u53ef\u7591\u7a0b\u5e8f\u201d\u62e6\u622a\uff0c\u6216\u8005\u9632\u706b\u5899\u963b\u6b62\u4e86\u5de5\u5177\u7684\u7f51\u7edc\u8fde\u63a5,\u5bfc\u81f4\u542f\u52a8\u5931\u8d25\u3002<\/p>
                                                                                                    \u6740\u6bd2\u8f6f\u4ef6\u8bef\u62a5<\/h3>
                                                                                                    \u6bd4\u5982360\u5b89\u5168\u536b\u58eb\u3001\u7535\u8111\u7ba1\u5bb6\u7b49\u6740\u6bd2\u8f6f\u4ef6\uff0c\u53ef\u80fd\u4f1a\u5c06\u5de5\u5177\u7684\u67d0\u4e9b\u884c\u4e3a\uff08\u6bd4\u5982\u4fee\u6539\u7cfb\u7edf\u8bbe\u7f6e\u3001\u8bbf\u95ee\u7f51\u7edc\uff09\u5224\u5b9a\u4e3a\u98ce\u9669\u64cd\u4f5c\uff0c\u4ece\u800c\u963b\u6b62\u5de5\u5177\u8fd0\u884c\u3002\u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>
                                                                                                    • \u6682\u65f6\u5173\u95ed\u6740\u6bd2\u8f6f\u4ef6\uff08\u8bb0\u5f97\u4e4b\u540e\u8981\u6062\u590d\u9632\u62a4\uff09\uff0c\u7136\u540e\u542f\u52a8\u5de5\u5177\uff0c\u5982\u679c\u80fd\u6b63\u5e38\u6253\u5f00\uff0c\u8bf4\u660e\u662f\u6740\u6bd2\u8f6f\u4ef6\u7684\u95ee\u9898\u3002<\/p><\/li>
                                                                                                    • \u6253\u5f00\u6740\u6bd2\u8f6f\u4ef6\u7684\u201c\u4fe1\u4efb\u5217\u8868\u201d\u6216\u201c\u767d\u540d\u5355\u201d\uff0c\u5c06\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u7684\u5b89\u88c5\u76ee\u5f55\uff08\u6bd4\u5982C:\\Program Files (x86)\\\u5fae\u4fe1web\u5f00\u53d1\u8005\u5de5\u5177<\/code>\uff09\u6dfb\u52a0\u8fdb\u53bb,\u907f\u514d\u540e\u7eed\u88ab\u62e6\u622a\u3002<\/p><\/li><\/ul>
                                                                                                      \u9632\u706b\u5899\u62e6\u622a\u7f51\u7edc\u8bf7\u6c42<\/h3>
                                                                                                      \u7cfb\u7edf\u9632\u706b\u5899\uff08Windows Defender\u9632\u706b\u5899\u6216Mac\u7684\u9632\u706b\u5899\uff09\u53ef\u80fd\u4f1a\u963b\u6b62\u5de5\u5177\u7684\u7f51\u7edc\u8fde\u63a5\uff0c\u5bfc\u81f4\u542f\u52a8\u65f6\u9a8c\u8bc1\u5931\u8d25\uff08\u6bd4\u5982\u767b\u5f55\u72b6\u6001\u540c\u6b65\u3001\u7248\u672c\u68c0\u67e5\uff09\u3002\u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>
                                                                                                      • Windows\u7528\u6237\uff1a\u6253\u5f00\u201c\u63a7\u5236\u9762\u677f\u2192\u7cfb\u7edf\u548c\u5b89\u5168\u2192Windows Defender\u9632\u706b\u5899\u2192\u5141\u8bb8\u5e94\u7528\u6216\u529f\u80fd\u901a\u8fc7\u9632\u706b\u5899\u201d\uff0c\u70b9\u51fb\u201c\u66f4\u6539\u8bbe\u7f6e\u201d\uff0c\u627e\u5230\u201c\u5fae\u4fe1web\u5f00\u53d1\u8005\u5de5\u5177\u201d\uff0c\u786e\u4fdd\u201c\u4e13\u7528\u201d\u548c\u201c\u516c\u7528\u201d\u7f51\u7edc\u90fd\u52fe\u9009\uff0c\u70b9\u51fb\u786e\u5b9a\u3002<\/p><\/li>
                                                                                                      • Mac\u7528\u6237\uff1a\u6253\u5f00\u7cfb\u7edf\u504f\u597d\u8bbe\u7f6e\u2192\u5b89\u5168\u6027\u4e0e\u9690\u79c1\u2192\u9632\u706b\u5899\uff0c\u70b9\u51fb\u201c\u9632\u706b\u5899\u9009\u9879\u201d\uff0c\u786e\u4fdd\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u7684\u8fdb\u7a0b\u88ab\u5141\u8bb8\u63a5\u6536\u4f20\u5165\u8fde\u63a5\u3002<\/p><\/li><\/ul>
                                                                                                        \u786c\u4ef6\u52a0\u901f\u5bfc\u81f4\u56fe\u5f62\u6e32\u67d3\u51fa\u9519\uff1f<\/h2>
                                                                                                        \u5982\u679c\u4f60\u7684\u7535\u8111\u663e\u5361\u9a71\u52a8\u6709\u95ee\u9898\uff0c\u6216\u8005\u786c\u4ef6\u52a0\u901f\u529f\u80fd\u4e0d\u517c\u5bb9\uff0c\u5de5\u5177\u7684\u56fe\u5f62\u754c\u9762\u53ef\u80fd\u65e0\u6cd5\u6b63\u5e38\u52a0\u8f7d,\u4ece\u800c\u62a5\u9519\u3002<\/p>
                                                                                                        \u89e3\u51b3\u65b9\u6cd5\uff1a<\/p>
                                                                                                        • \u627e\u5230\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u7684\u914d\u7f6e\u6587\u4ef6\uff0cWindows\u7528\u6237\u5728C:\\Users\\\u4f60\u7684\u7528\u6237\u540d\\AppData\\Local\\\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\\User Data\\Default\\Preferences<\/code>\uff08\u662f\u4e00\u4e2aJSON\u6587\u4ef6\uff09\uff0cMac\u7528\u6237\u5728~\/Library\/Application Support\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\/Default\/Preferences<\/code>\u3002<\/p><\/li>
                                                                                                        • \u7528\u6587\u672c\u7f16\u8f91\u5668\u6253\u5f00\u8fd9\u4e2a\u6587\u4ef6\uff0c\u627e\u5230"disableGPU": false<\/code>\uff0c\u5c06\u5176\u6539\u4e3a"disableGPU": true<\/code>\uff0c\u4fdd\u5b58\u540e\u91cd\u542f\u5de5\u5177\uff0c\u8fd9\u6837\u5de5\u5177\u4f1a\u5173\u95ed\u786c\u4ef6\u52a0\u901f\uff0c\u6539\u7528\u8f6f\u4ef6\u6e32\u67d3\uff0c\u907f\u514d\u663e\u5361\u9a71\u52a8\u7684\u517c\u5bb9\u6027\u95ee\u9898\u3002<\/p><\/li><\/ul>
                                                                                                          \u7ec8\u6781\u65b9\u6848\uff1a\u5f7b\u5e95\u5378\u8f7d\u540e\u91cd\u88c5<\/h2>
                                                                                                          \u5982\u679c\u4ee5\u4e0a\u65b9\u6cd5\u90fd\u8bd5\u8fc7\u8fd8\u662f\u4e0d\u884c\uff0c\u5efa\u8bae\u5f7b\u5e95\u5378\u8f7d\u5de5\u5177\uff0c\u6e05\u7406\u6240\u6709\u6b8b\u7559,\u7136\u540e\u91cd\u65b0\u5b89\u88c5\u3002<\/p>
                                                                                                          \u5378\u8f7d\u5de5\u5177<\/h3>
                                                                                                          • Windows\u7528\u6237\uff1a\u901a\u8fc7\u63a7\u5236\u9762\u677f\u5378\u8f7d\u540e\uff0c\u8fd8\u8981\u5220\u9664C:\\Program Files (x86)\\\u5fae\u4fe1web\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u76ee\u5f55\uff0c\u4ee5\u53caC:\\Users\\\u4f60\u7684\u7528\u6237\u540d\\AppData\\Roaming\\\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u3001C:\\Users\\\u4f60\u7684\u7528\u6237\u540d\\AppData\\Local\\\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u7b49\u6587\u4ef6\u5939\u3002<\/p><\/li>
                                                                                                          • Mac\u7528\u6237\uff1a\u5c06\u5de5\u5177\u62d6\u5230\u5e9f\u7eb8\u7bd3\u540e\uff0c\u5220\u9664~\/Library\/Application Support\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u3001~\/Library\/Caches\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u3001~\/Library\/Preferences\/com.tencent.wechat.devtools.plist<\/code>\u7b49\u6587\u4ef6\u3002<\/p><\/li><\/ul>
                                                                                                            \u6e05\u7406\u6ce8\u518c\u8868\uff08Windows\u8fdb\u9636\uff09<\/h3>
                                                                                                            \u6309Win+R\uff0c\u8f93\u5165regedit<\/code>\u6253\u5f00\u6ce8\u518c\u8868\u7f16\u8f91\u5668\uff0c\u641c\u7d22\u201cwechat devtools\u201d\u76f8\u5173\u7684\u9879\uff0c\u53f3\u952e\u5220\u9664\uff08\u6ce8\u610f\u5907\u4efd\u6ce8\u518c\u8868\uff0c\u907f\u514d\u8bef\u5220\u5176\u4ed6\u5185\u5bb9\uff09\uff0c\u4e0d\u8fc7\u8fd9\u4e00\u6b65\u5bf9\u666e\u901a\u7528\u6237\u6709\u98ce\u9669\uff0c\u82e5\u4e0d\u719f\u6089\u6ce8\u518c\u8868\u64cd\u4f5c\uff0c\u53ef\u8df3\u8fc7\uff0c\u76f4\u63a5\u7528\u7b2c\u4e09\u65b9\u5378\u8f7d\u5de5\u5177\uff08\u5982Geek Uninstaller\uff09\u8f85\u52a9\u5378\u8f7d\u3002<\/p>
                                                                                                            \u91cd\u65b0\u5b89\u88c5<\/h3>
                                                                                                            \u4ece\u5fae\u4fe1\u5b98\u65b9\u6e20\u9053\u4e0b\u8f7d\u6700\u65b0\u7248\u672c\u7684\u5b89\u88c5\u5305\uff0c\u5173\u95ed\u6240\u6709\u6740\u6bd2\u8f6f\u4ef6\u548c\u9632\u706b\u5899\uff0c\u6309\u7167\u63d0\u793a\u5b8c\u6210\u5b89\u88c5\uff0c\u8fc7\u7a0b\u4e2d\u4e0d\u8981\u4fee\u6539\u5b89\u88c5\u8def\u5f84\uff08\u907f\u514d\u8def\u5f84\u5305\u542b\u4e2d\u6587\u6216\u7279\u6b8a\u5b57\u7b26\uff0cProgram Files (x86)\\\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\u201d\u662f\u9ed8\u8ba4\u4e14\u5b89\u5168\u7684\u8def\u5f84\uff09\u3002<\/p>
                                                                                                            \u8054\u7cfb\u5b98\u65b9\u6216\u793e\u533a\u6c42\u52a9<\/h2>
                                                                                                            \u5982\u679c\u6240\u6709\u65b9\u6cd5\u90fd\u65e0\u6548\uff0c\u5efa\u8bae\u6536\u96c6\u5de5\u5177\u7684\u9519\u8bef\u65e5\u5fd7,\u8054\u7cfb\u5fae\u4fe1\u5f00\u53d1\u8005\u793e\u533a\u6216\u5b98\u65b9\u652f\u6301\u3002<\/p>
                                                                                                            \u627e\u5230\u9519\u8bef\u65e5\u5fd7<\/h3>
                                                                                                            • Windows\u7528\u6237\uff1a\u65e5\u5fd7\u6587\u4ef6\u5728C:\\Users\\\u4f60\u7684\u7528\u6237\u540d\\AppData\\Local\\\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177\\log<\/code>\u76ee\u5f55\u4e0b\uff0c\u627e\u5230\u6700\u65b0\u7684\u65e5\u5fd7\u6587\u4ef6\uff08\u4ee5\u65e5\u671f\u547d\u540d\uff09\u3002<\/p><\/li>
                                                                                                            • Mac\u7528\u6237\uff1a\u65e5\u5fd7\u5728~\/Library\/Logs\/\u5fae\u4fe1\u5f00\u53d1\u8005\u5de5\u5177<\/code>\u76ee\u5f55\u4e0b\u3002<\/p><\/li><\/ul>
                                                                                                              \u63d0\u4ea4\u53cd\u9988<\/h3>
                                                                                                              • \u6253\u5f00\u5fae\u4fe1\u5f00\u53d1\u8005\u793e\u533a\uff08https:\/\/developers.weixin.qq.com\/community\/\uff09\uff0c\u5728\u201c\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u201d\u677f\u5757\u53d1\u5e16\uff0c\u63cf\u8ff0\u95ee\u9898\u51fa\u73b0\u7684\u573a\u666f\uff08\u66f4\u65b0\u7cfb\u7edf\u540e\u542f\u52a8\u5de5\u5177\u62a5\u9519\u201d\uff09\u3001\u5c1d\u8bd5\u8fc7\u7684\u89e3\u51b3\u65b9\u6cd5\uff0c\u9644\u4e0a\u9519\u8bef\u65e5\u5fd7\u7684\u5173\u952e\u5185\u5bb9\uff08\u6ce8\u610f\u9690\u85cf\u4e2a\u4eba\u4fe1\u606f\uff09\uff0c\u7b49\u5f85\u5b98\u65b9\u6216\u5176\u4ed6\u5f00\u53d1\u8005\u7684\u56de\u590d\u3002<\/p><\/li>
                                                                                                              • \u4e5f\u53ef\u4ee5\u901a\u8fc7\u5de5\u5177\u5185\u7684\u201c\u53cd\u9988\u201d\u529f\u80fd\uff08\u5982\u679c\u80fd\u6253\u5f00\u5de5\u5177\u7684\u8bdd\uff09\uff0c\u63d0\u4ea4\u9519\u8bef\u62a5\u544a\uff0c\u5b98\u65b9\u6280\u672f\u4eba\u5458\u4f1a\u5206\u6790\u65e5\u5fd7\u5e76\u7ed9\u51fa\u5efa\u8bae\u3002<\/p><\/li><\/ul>
                                                                                                                \u9047\u5230\u201cerror fail to open ide\u201d\u7684\u9519\u8bef\u65f6\uff0c\u522b\u614c\uff0c\u6309\u7167\u4e0a\u8ff0\u65b9\u6cd5\u9010\u6b65\u6392\u67e5\uff1a\u5148\u4ece\u7b80\u5355\u7684\u201c\u91cd\u65b0\u5b89\u88c5\u201d\u201c\u6e05\u7406\u7f13\u5b58\u201d\u5f00\u59cb\uff0c\u518d\u5230\u590d\u6742\u7684\u201c\u6743\u9650\u914d\u7f6e\u201d\u201c\u786c\u4ef6\u52a0\u901f\u201d\u8c03\u6574\uff0c\u5982\u679c\u6240\u6709\u65b9\u6cd5\u90fd\u8bd5\u8fc7\u8fd8\u662f\u4e0d\u884c\uff0c\u8bb0\u5f97\u6536\u96c6\u65e5\u5fd7\u8054\u7cfb\u5b98\u65b9\uff0c\u4ed6\u4eec\u4f1a\u5e2e\u4f60\u5b9a\u4f4d\u66f4\u6df1\u5c42\u7684\u95ee\u9898\uff08\u6bd4\u5982\u7279\u5b9a\u7cfb\u7edf\u7248\u672c\u7684\u517c\u5bb9\u6027Bug\uff09\uff0c\u5f00\u53d1\u5de5\u5177\u7684\u7a33\u5b9a\u6027\u9700\u8981\u7cfb\u7edf\u3001\u8f6f\u4ef6\u3001\u914d\u7f6e\u591a\u65b9\u914d\u5408\uff0c\u8010\u5fc3\u6392\u67e5\u540e\uff0c\u4f60\u4e00\u5b9a\u80fd\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898,\u91cd\u65b0\u6295\u5165\u5c0f\u7a0b\u5e8f\u5f00\u53d1~<\/p>","pubDate":"Sat, 07 Mar 2026 16:12:35 +0800"},{"title":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u8d26\u53f7\u8be5\u600e\u4e48\u7533\u8bf7\u548c\u7ba1\u7406\uff1f","link":"https:\/\/www.jiangweishan.com\/article\/sdfsdfsdvwrwrwr.html","description":"
                                                                                                                \u73b0\u5728\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u5e94\u7528\u573a\u666f\u8d8a\u6765\u8d8a\u591a,\u4e0d\u7ba1\u662f\u5f00\u5e97\u5356\u8d27\u3001\u505a\u5de5\u5177\u7c7b\u5e94\u7528\uff0c\u8fd8\u662f\u5f00\u53d1\u670d\u52a1\u7c7b\u7a0b\u5e8f\uff0c\u90fd\u9700\u8981\u5148\u6709\u4e00\u4e2a\u5f00\u53d1\u8005\u8d26\u53f7\uff0c\u4f46\u5f88\u591a\u65b0\u624b\u5728\u7533\u8bf7\u548c\u7ba1\u7406\u8d26\u53f7\u65f6\u4f1a\u9047\u5230\u5404\u79cd\u95ee\u9898\uff0c\u4e2a\u4f53\u5de5\u5546\u6237\u80fd\u4e0d\u80fd\u7533\u8bf7\uff1f\u201d\u201c\u5ba1\u6838\u8981\u591a\u4e45\uff1f\u201d\u201c\u8d26\u53f7\u5b89\u5168\u600e\u4e48\u4fdd\u969c\uff1f\u201d\u4eca\u5929\u5c31\u7528\u95ee\u7b54\u7684\u5f62\u5f0f\uff0c\u628a\u8fd9\u4e9b\u95ee\u9898\u8bb2\u6e05\u695a\uff0c\u5e2e\u5927\u5bb6\u5c11\u8d70\u5f2f\u8def\u3002<\/p>
                                                                                                                \u7533\u8bf7\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u8d26\u53f7\uff0c\u9700\u8981\u5148\u660e\u786e\u4e3b\u4f53\u7c7b\u578b\uff1f<\/h2>
                                                                                                                \u4e0d\u540c\u7684\u4e3b\u4f53\u7c7b\u578b\uff08\u4f01\u4e1a\u3001\u4e2a\u4f53\u5de5\u5546\u6237\u3001\u4e2a\u4eba\u3001\u653f\u5e9c\/\u5a92\u4f53\/\u5176\u4ed6\u7ec4\u7ec7\uff09\uff0c\u7533\u8bf7\u7684\u8d44\u8d28\u3001\u529f\u80fd\u6743\u9650\u3001\u9002\u7528\u573a\u666f\u90fd\u6709\u533a\u522b\uff0c\u5148\u770b\u6e05\u695a\u518d\u9009\uff1a<\/p>
                                                                                                                • \u4f01\u4e1a\u4e3b\u4f53<\/strong>\uff1a\u9002\u5408\u516c\u53f8\u3001\u5de5\u4f5c\u5ba4\uff08\u6709\u8425\u4e1a\u6267\u7167\uff09\uff0c\u9700\u63d0\u4f9b\u8425\u4e1a\u6267\u7167\uff08\u4e09\u8bc1\u5408\u4e00\u7248\uff09\u3001\u6cd5\u4eba\u8eab\u4efd\u8bc1\u6b63\u53cd\u9762\u3001\u5bf9\u516c\u8d26\u6237\u4fe1\u606f\uff08\u8ba4\u8bc1\u65f6\u7528\uff09\uff0c\u4f18\u52bf\u662f\u529f\u80fd\u6700\u5168\uff0c\u53ef\u505a\u7535\u5546\u3001\u652f\u4ed8\u3001\u63a5\u5165\u5f00\u653e\u63a5\u53e3\uff0c\u9002\u5408\u5546\u4e1a\u8fd0\u8425\u3002<\/p><\/li>
                                                                                                                • \u4e2a\u4f53\u5de5\u5546\u6237\u4e3b\u4f53<\/strong>\uff1a\u6709\u4e2a\u4f53\u6237\u8425\u4e1a\u6267\u7167\u5373\u53ef\uff0c\u9700\u4e0a\u4f20\u6267\u7167\u3001\u7ecf\u8425\u8005\u8eab\u4efd\u8bc1\uff0c\u8ba4\u8bc1\u540e\u529f\u80fd\u548c\u4f01\u4e1a\u7c7b\u4f3c\uff08\u53ef\u5f00\u901a\u5fae\u4fe1\u652f\u4ed8\u3001\u505a\u7535\u5546\uff09\uff0c\u4f46\u4e3b\u4f53\u7c7b\u578b\u663e\u793a\u4e3a\u201c\u4e2a\u4f53\u5de5\u5546\u6237\u201d\uff0c\u7279\u6b8a\u884c\u4e1a\uff08\u5982\u533b\u7597\u3001\u6559\u80b2\uff09\u8d44\u8d28\u8981\u6c42\u4e0e\u4f01\u4e1a\u4e00\u81f4\u3002<\/p><\/li>
                                                                                                                • \u4e2a\u4eba\u4e3b\u4f53<\/strong>\uff1a\u4ec5\u9700\u8eab\u4efd\u8bc1\uff0c\u65e0\u9700\u8ba4\u8bc1\u8d39\uff0c\u4f46\u529f\u80fd\u53d7\u9650\uff08\u4e0d\u80fd\u5f00\u901a\u5fae\u4fe1\u652f\u4ed8\u3001\u505a\u7535\u5546\/\u4ed8\u8d39\u670d\u52a1\uff0c\u4ec5\u652f\u6301\u4fe1\u606f\u5c55\u793a\u3001\u5de5\u5177\u7c7b\u5c0f\u7a0b\u5e8f\uff09\u3002<\/p><\/li>
                                                                                                                • \u653f\u5e9c\/\u5a92\u4f53\/\u7ec4\u7ec7<\/strong>\uff1a\u653f\u5e9c\u9700\u4e0a\u4f20\u7ec4\u7ec7\u673a\u6784\u4ee3\u7801\u8bc1\uff0c\u5a92\u4f53\u9700\u76f8\u5173\u8d44\u8d28\uff0c\u8ba4\u8bc1\u514d\u8d39\uff1b\u529f\u80fd\u6839\u636e\u4e3b\u4f53\u7c7b\u578b\u5f00\u653e\uff08\u5982\u653f\u5e9c\u7c7b\u53ef\u63d0\u4f9b\u653f\u52a1\u670d\u52a1\uff09\u3002<\/p><\/li><\/ul>
                                                                                                                  \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u8d26\u53f7\u7684\u7533\u8bf7\u6d41\u7a0b\uff0c\u5206\u201c\u6ce8\u518c\u8d26\u53f7\u201d\u548c\u201c\u4e3b\u4f53\u8ba4\u8bc1\u201d\u4e24\u6b65\uff1f<\/h2>
                                                                                                                  \u5f88\u591a\u4eba\u6df7\u6dc6\u4e86\u201c\u6ce8\u518c\u201d\u548c\u201c\u8ba4\u8bc1\u201d\uff0c\u5176\u5b9e\u6ce8\u518c\u8d26\u53f7\u514d\u8d39\uff0c\u8ba4\u8bc1\u662f\u53ef\u9009\u4f46\u5546\u4e1a\u5fc5\u5907\u7684\u6b65\u9aa4\uff1a<\/p>
                                                                                                                  1. \u6ce8\u518c\u8d26\u53f7<\/strong>\uff1a\u6253\u5f00\u5fae\u4fe1\u516c\u4f17\u5e73\u53f0\uff08mp.weixin.qq.com\uff09\u2192\u70b9\u51fb\u201c\u7acb\u5373\u6ce8\u518c\u201d\u2192\u9009\u201c\u5c0f\u7a0b\u5e8f\u201d\u2192\u586b\u672a\u6ce8\u518c\u7684\u90ae\u7bb1\u3001\u8bbe\u5bc6\u7801\u2192\u90ae\u7bb1\u6fc0\u6d3b\u2192\u9009\u4e3b\u4f53\u7c7b\u578b\uff08\u4f01\u4e1a\/\u4e2a\u4f53\/\u4e2a\u4eba\u7b49\uff09\u2192\u586b\u4e3b\u4f53\u4fe1\u606f\uff08\u5982\u4f01\u4e1a\u540d\u79f0\u3001\u6cd5\u4eba\u4fe1\u606f\uff09\u3002\u6ce8\u518c\u5b8c\u6210\u540e\uff0c\u8d26\u53f7\u529f\u80fd\u53d7\u9650\uff08\u5982\u4f01\u4e1a\/\u4e2a\u4f53\u672a\u8ba4\u8bc1\u65e0\u6cd5\u5f00\u901a\u652f\u4ed8\uff0c\u4e2a\u4eba\u4e3b\u4f53\u4ec5\u652f\u6301\u57fa\u7840\u5f00\u53d1\uff09\u3002<\/p><\/li>
                                                                                                                  2. \u4e3b\u4f53\u8ba4\u8bc1\uff08\u53ef\u9009\uff0c\u5546\u4e1a\u7528\u9014\u5fc5\u505a\uff09<\/strong>\uff1a\u82e5\u9700\u5f00\u901a\u5fae\u4fe1\u652f\u4ed8\u3001\u53d1\u5e03\u7535\u5546\u7c7b\u5c0f\u7a0b\u5e8f\uff0c\u9700\u5728\u5c0f\u7a0b\u5e8f\u540e\u53f0\uff08\u767b\u5f55\u540e\uff09\u70b9\u51fb\u201c\u8bbe\u7f6e\u201d-\u201c\u57fa\u672c\u8bbe\u7f6e\u201d-\u201c\u5fae\u4fe1\u8ba4\u8bc1\u201d\uff1a<\/p><\/li>
                                                                                                                    • \u4f01\u4e1a\/\u4e2a\u4f53\uff1a\u4e0a\u4f20\u8425\u4e1a\u6267\u7167\u3001\u6cd5\u4eba\/\u7ecf\u8425\u8005\u8eab\u4efd\u8bc1\uff0c\u586b\u5bf9\u516c\u8d26\u6237\uff08\u4e2a\u4f53\u53ef\u586b\u7ecf\u8425\u8005\u4e2a\u4eba\u8d26\u6237\uff09\uff0c\u652f\u4ed8300\u5143\u8ba4\u8bc1\u8d39\uff08\u6bcf\u5e74\u7eed\u8d39\uff09\u3002<\/p><\/li>
                                                                                                                    • \u653f\u5e9c\/\u5a92\u4f53\/\u7ec4\u7ec7\uff1a\u4e0a\u4f20\u7ec4\u7ec7\u673a\u6784\u4ee3\u7801\u8bc1\u3001\u8d1f\u8d23\u4eba\u8eab\u4efd\u8bc1\uff0c\u8ba4\u8bc1\u514d\u8d39\u3002\u63d0\u4ea4\u540e3 - 7\u4e2a\u5de5\u4f5c\u65e5\u5ba1\u6838\uff0c\u901a\u8fc7\u540e\u89e3\u9501\u5168\u90e8\u529f\u80fd\u3002<\/p><\/li><\/ul><\/ol>
                                                                                                                      \u8d44\u8d28\u5ba1\u6838\u65f6\uff0c\u8fd9\u4e9b\u7ec6\u8282\u5bb9\u6613\u88ab\u5ffd\u7565\uff1f<\/h2>
                                                                                                                      \u5ba1\u6838\u88ab\u9a73\u56de\u7684\u6838\u5fc3\u539f\u56e0,\u5f80\u5f80\u662f\u6ca1\u6ce8\u610f\u8fd9\u4e9b\u70b9\uff1a<\/p>
                                                                                                                      • \u6750\u6599\u6e05\u6670\u5ea6<\/strong>\uff1a\u8eab\u4efd\u8bc1\u3001\u8425\u4e1a\u6267\u7167\u9700\u9ad8\u6e05\u62cd\u6444\uff08\u65e0\u53cd\u5149\u3001\u906e\u6321\uff09\uff0c\u5efa\u8bae\u7528\u626b\u63cf\u4eea\u6216\u9ad8\u6e05\u76f8\u673a\uff0c\u786e\u4fdd\u6587\u5b57\u53ef\u8fa8\u3002<\/p><\/li>
                                                                                                                      • \u4fe1\u606f\u4e00\u81f4\u6027<\/strong>\uff1a\u4f01\u4e1a\u540d\u79f0\u5fc5\u987b\u548c\u8425\u4e1a\u6267\u7167\u5b8c\u5168\u4e00\u81f4\uff08\u5305\u62ec\u62ec\u53f7\u3001\u5b57\u53f7\uff09\uff0c\u6cd5\u4eba\/\u7ecf\u8425\u8005\u4fe1\u606f\u9700\u548c\u6267\u7167\u4e00\u81f4\u3002<\/p><\/li>
                                                                                                                      • \u7ecf\u8425\u8303\u56f4\u5339\u914d<\/strong>\uff1a\u82e5\u5c0f\u7a0b\u5e8f\u6d89\u53ca\u7535\u5546\u3001\u9910\u996e\u3001\u6559\u80b2\u7b49\u884c\u4e1a\uff0c\u8425\u4e1a\u6267\u7167\u7ecf\u8425\u8303\u56f4\u5fc5\u987b\u5305\u542b\u5bf9\u5e94\u7c7b\u76ee\uff08\u5982\u201c\u98df\u54c1\u9500\u552e\u201d\u9700\u6267\u7167\u6709\u201c\u98df\u54c1\u7ecf\u8425\u201d\u8303\u56f4\uff09\u3002<\/p><\/li>
                                                                                                                      • \u547d\u540d\u89c4\u8303<\/strong>\uff1a\u5c0f\u7a0b\u5e8f\u540d\u79f0\u4e0d\u80fd\u4fb5\u6743\uff08\u7981\u7528\u201c\u5fae\u4fe1\u201d\u201c\u817e\u8baf\u201d\u7b49\u5546\u6807\uff09\u3001\u542b\u8fdd\u7981\u8bcd\uff08\u5982\u201c\u6700\u201d\u201c\u7b2c\u4e00\u201d\uff09\uff0c\u4e14\u4e0d\u80fd\u4e0e\u5df2\u6709\u5c0f\u7a0b\u5e8f\u91cd\u540d\uff08\u53ef\u5728\u516c\u4f17\u5e73\u53f0\u641c\u7d22\u786e\u8ba4\uff09\u3002<\/p><\/li><\/ul>
                                                                                                                        \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u8d26\u53f7\u7684\u7ba1\u7406\uff0c\u6709\u54ea\u4e9b\u5b9e\u7528\u6280\u5de7\uff1f<\/h2>
                                                                                                                        \u8d26\u53f7\u7533\u8bf7\u53ea\u662f\u5f00\u59cb,\u505a\u597d\u7ba1\u7406\u624d\u80fd\u907f\u514d\u98ce\u9669\uff1a<\/p>
                                                                                                                        • \u8d26\u53f7\u5b89\u5168<\/strong>\uff1a\u8bbe\u7f6e8\u4f4d\u4ee5\u4e0a\u590d\u6742\u5bc6\u7801\uff08\u5b57\u6bcd+\u6570\u5b57+\u7b26\u53f7\uff09\uff0c\u5f00\u542f\u201c\u77ed\u4fe1+\u90ae\u7bb1\u9a8c\u8bc1\u201d\uff0c\u964c\u751f\u8bbe\u5907\u767b\u5f55\u9700\u9a8c\u8bc1\uff0c\u5efa\u8bae\u6bcf3\u4e2a\u6708\u6362\u4e00\u6b21\u5bc6\u7801\u3002<\/p><\/li>
                                                                                                                        • \u6743\u9650\u7ba1\u7406<\/strong>\uff1a\u56e2\u961f\u5f00\u53d1\u65f6\uff0c\u5728\u201c\u7528\u6237\u8eab\u4efd\u201d\u4e2d\u6dfb\u52a0\u201c\u5f00\u53d1\u8005\u201d\uff08\u4ee3\u7801\u4e0a\u4f20\uff09\u3001\u201c\u4f53\u9a8c\u8005\u201d\uff08\u626b\u7801\u6d4b\u8bd5\uff09\u3001\u201c\u8fd0\u8425\u8005\u201d\uff08\u5185\u5bb9\u7ba1\u7406\uff09\uff0c\u6309\u9700\u5206\u914d\u6743\u9650\uff0c\u907f\u514d\u6743\u9650\u8fc7\u5ea6\u96c6\u4e2d\u3002<\/p><\/li>
                                                                                                                        • \u7248\u672c\u7ba1\u7406<\/strong>\uff1a\u5c0f\u7a0b\u5e8f\u5206\u5f00\u53d1\u7248\uff08\u5f00\u53d1\u4e2d\uff09\u3001\u4f53\u9a8c\u7248\uff08\u5185\u90e8\u6d4b\u8bd5\uff09\u3001\u6b63\u5f0f\u7248\uff08\u7528\u6237\u4f7f\u7528\uff09\uff0c\u66f4\u65b0\u9700\u5148\u63d0\u4ea4\u5f00\u53d1\u7248\uff0c\u5ba1\u6838\u540e\u8f6c\u4f53\u9a8c\u7248\u6d4b\u8bd5\uff0c\u518d\u53d1\u5e03\u6b63\u5f0f\u7248\uff0c\u5efa\u8bae\u8bb0\u5f55\u7248\u672c\u53f7\u548c\u66f4\u65b0\u5185\u5bb9\uff0c\u65b9\u4fbf\u56de\u6eaf\u3002<\/p><\/li>
                                                                                                                        • \u6570\u636e\u5907\u4efd<\/strong>\uff1a\u5b9a\u671f\u5bfc\u51fa\u7528\u6237\u3001\u8ba2\u5355\u3001\u8bbf\u95ee\u6570\u636e\uff08\u5728\u201c\u6570\u636e\u5206\u6790\u201d\u4e2d\u64cd\u4f5c\uff09\uff0c\u5c24\u5176\u662f\u7535\u5546\u7c7b\u5c0f\u7a0b\u5e8f\uff0c\u9700\u5907\u4efd\u8ba2\u5355\u6570\u636e\uff0c\u907f\u514d\u670d\u52a1\u5668\u6545\u969c\u4e22\u5931\u3002<\/p><\/li><\/ul>
                                                                                                                          \u5173\u4e8e\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u8d26\u53f7\u7684\u5e38\u89c1\u95ee\u9898\uff1f<\/h2>
                                                                                                                          \u89e3\u7b54\u51e0\u4e2a\u9ad8\u9891\u7591\u95ee\uff1a<\/p>
                                                                                                                          1. \u4e2a\u4f53\u5de5\u5546\u6237\u548c\u4f01\u4e1a\u8d26\u53f7\u529f\u80fd\u6709\u533a\u522b\u5417\uff1f<\/strong>\u8ba4\u8bc1\u540e\u529f\u80fd\u51e0\u4e4e\u4e00\u81f4\uff08\u53ef\u5f00\u901a\u5fae\u4fe1\u652f\u4ed8\u3001\u505a\u7535\u5546\uff09\uff0c\u4ec5\u4e3b\u4f53\u7c7b\u578b\u663e\u793a\u4e3a\u201c\u4e2a\u4f53\u5de5\u5546\u6237\u201d\uff1b\u7279\u6b8a\u884c\u4e1a\uff08\u5982\u533b\u7597\u3001\u91d1\u878d\uff09\u8d44\u8d28\u8981\u6c42\u4e0e\u4f01\u4e1a\u4e00\u81f4\u3002<\/p><\/li>
                                                                                                                          2. \u8ba4\u8bc1\u8fc7\u671f\u4e86\u600e\u4e48\u529e\uff1f<\/strong>\u8ba4\u8bc1\u6709\u6548\u671f1\u5e74\uff0c\u8fc7\u671f\u524d\u5fae\u4fe1\u4f1a\u63d0\u9192\uff0c\u9700\u91cd\u65b0\u63d0\u4ea4\u8d44\u8d28\u3001\u652f\u4ed8300\u5143\uff0c\u5ba1\u6838\u901a\u8fc7\u540e\u5ef6\u7eed\u529f\u80fd\uff1b\u82e5\u8fc7\u671f\u672a\u7eed\u8d39\uff0c\u5fae\u4fe1\u652f\u4ed8\u3001\u9ad8\u7ea7\u63a5\u53e3\u4f1a\u51bb\u7ed3\uff0c\u5c0f\u7a0b\u5e8f\u65e0\u6cd5\u4f7f\u7528\u3002<\/p><\/li>
                                                                                                                          3. \u4e2a\u4eba\u4e3b\u4f53\u80fd\u6539\u6210\u4f01\u4e1a\u4e3b\u4f53\u5417\uff1f<\/strong>\u53ef\u4ee5\uff01\u5728\u5c0f\u7a0b\u5e8f\u540e\u53f0\u7533\u8bf7\u201c\u4e3b\u4f53\u8fc1\u79fb\u201d\uff0c\u63d0\u4ea4\u4f01\u4e1a\u8d44\u8d28\u3001\u5b8c\u6210\u8ba4\u8bc1\u540e\uff0c\u4e3b\u4f53\u7c7b\u578b\u53d8\u66f4\u4e3a\u4f01\u4e1a\uff0c\u8fc1\u79fb\u65f6\u9700\u5907\u4efd\u6570\u636e\uff0c\u90e8\u5206\u529f\u80fd\u4f1a\u6682\u65f6\u51bb\u7ed3\u3002<\/p><\/li>
                                                                                                                          4. \u5ba1\u6838\u88ab\u9a73\u56de\u4e86\u600e\u4e48\u4fee\u6539\uff1f<\/strong>\u770b\u9a73\u56de\u539f\u56e0\uff1a\u6750\u6599\u4e0d\u6e05\u6670\u5c31\u91cd\u4f20\uff0c\u4fe1\u606f\u4e0d\u4e00\u81f4\u5c31\u6838\u5bf9\u6267\u7167\/\u8eab\u4efd\u8bc1\uff0c\u7ecf\u8425\u8303\u56f4\u4e0d\u7b26\u5c31\u8865\u5145\u7ecf\u8425\u8303\u56f4\uff08\u9700\u5148\u53d8\u66f4\u8425\u4e1a\u6267\u7167\uff09\uff0c\u4fee\u6539\u540e7\u5929\u5185\u91cd\u65b0\u63d0\u4ea4\uff0c\u5426\u5219\u9700\u91cd\u65b0\u7533\u8bf7\u3002<\/p><\/li><\/ol>
                                                                                                                            \u7533\u8bf7\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u8005\u8d26\u53f7,\u6838\u5fc3\u662f\u9009\u5bf9\u4e3b\u4f53\u3001\u505a\u597d\u8d44\u8d28\u51c6\u5907\u3001\u91cd\u89c6\u5ba1\u6838\u7ec6\u8282\uff1b\u7ba1\u7406\u65f6\u9700\u5173\u6ce8\u5b89\u5168\u3001\u6743\u9650\u3001\u7248\u672c\u548c\u6570\u636e\uff0c\u5982\u679c\u8fd8\u6709\u5176\u4ed6\u95ee\u9898\uff08\u5982\u7279\u6b8a\u884c\u4e1a\u8d44\u8d28\u8981\u6c42\uff09\uff0c\u53ef\u4ee5\u7559\u8a00\u8865\u5145\uff0c\u6211\u4f1a\u7ee7\u7eed\u89e3\u7b54\uff0c\u5e0c\u671b\u8fd9\u7bc7\u95ee\u7b54\u80fd\u5e2e\u4f60\u5c11\u8d70\u5f2f\u8def\uff0c\u65e9\u70b9\u628a\u5c0f\u7a0b\u5e8f\u505a\u8d77\u6765\uff01<\/p>","pubDate":"Wed, 04 Mar 2026 21:34:46 +0800"}]}}