ant-design/516d1e69-async.1e5ebe1f.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["516d1e69"],{"516d1e69":function(a,e,n){"use strict";n.d(e,"__esModule",{value:!0}),n.d(e,"texts",{enumerable:!0,get:function(){return d;}}),n("f3181eb8");let d=[{value:"antd \u53EF\u4EE5\u901A\u8FC7 ConfigProvider \u5BF9\u4E3B\u9898 token \u8FDB\u884C\u5B9A\u5236\uFF0C\u540C\u6837\u652F\u6301\u5D4C\u5957\u4E3B\u9898\uFF0C\u5E76\u4E14\u5D4C\u5957\u7684\u4E3B\u9898 token \u4F1A\u7EE7\u627F\u4E0A\u4E00\u5C42\u5DF2\u7ECF\u4FEE\u6539\u7684\u90E8\u5206\u3002\u4ECE\u8FD9\u4E00\u70B9\u4E0A\u6765\u8BB2\uFF0Cantd \u7684\u4E3B\u9898\u80FD\u529B\u5DF2\u7ECF\u8FBE\u5230\u4E86 5 \u4E2A\u5927\u7248\u672C\u4EE5\u6765\u7684\u5DC5\u5CF0\u3002",paraId:0,tocIndex:0},{value:"\u5F53\u7136\u6211\u5199\u8FD9\u7BC7\u6587\u7AE0\u5E76\u4E0D\u662F\u4E3A\u4E86\u628A antd 5.0 \u518D\u62C9\u51FA\u6765\u5938\u4E00\u904D\u7684\uFF0C\u8FD9\u4EF6\u4E8B\u5728 5.0 \u53D1\u5E03\u7684\u65F6\u5019\u5DF2\u7ECF\u505A\u8FC7\u4E86\u3002\u81EA 5.0 \u53D1\u5E03\u81F3\u4ECA\u5DF2\u7ECF\u8FC7\u53BB\u4E86\u5FEB\u4E00\u5E74\uFF0C\u5176\u95F4\u4E5F\u5145\u65A5\u7740\u793E\u533A\u7684\u5404\u79CD\u8D28\u7591\u4E0E\u9700\u6C42\uFF0C\u8FD9\u4E9B\u4E5F\u90FD\u662F antd \u76EE\u524D\u9762\u4E34\u7684\u75DB\u70B9\u4E0E\u4F18\u5316\u65B9\u5411\u3002",paraId:1,tocIndex:0},{value:"\u8FD9\u4E00\u70B9\u7684\u4E3B\u8981\u5F71\u54CD\u7684\u4E3A SSR \u573A\u666F\u7528\u6237\u3002",paraId:2,tocIndex:1},{value:"antd \u5176\u5B9E\u5207\u6362\u5230 cssinjs \u7684\u65F6\u5019\u5DF2\u7ECF\u9ED8\u8BA4\u5B9E\u73B0\u4E86\u6309\u9700\u5F15\u5165 css \u7684\u80FD\u529B\uFF0C\u4E0D\u9700\u8981\u4F9D\u9760 ",paraId:3,tocIndex:1},{value:"babel-plugin-import",paraId:3,tocIndex:1},{value:" \u5C31\u80FD\u591F\u5B9E\u73B0\u81EA\u52A8\u7684 tree-shaking\u3002\u4F46\u662F\u4E0E MUI \u6216\u8005 Mantine \u8FD9\u4E9B\u4E00\u5F00\u59CB\u5C31\u5DF2\u7ECF\u4F7F\u7528 cssinjs \u7684\u7EC4\u4EF6\u5E93\u76F8\u6BD4\uFF0Cantd \u4F7F\u7528 cssinjs \u5176\u5B9E\u7B97\u662F\u534A\u8DEF\u51FA\u5BB6\uFF0C\u4E5F\u56E0\u6B64\u6709\u4E00\u4E9B\u5386\u53F2\u503A\u52A1\u662F\u65E0\u6CD5\u53BB\u9664\u7684\uFF0C\u5728 cssinjs \u7684\u4F7F\u7528\u65B9\u9762\u4E5F\u4E0E\u5176\u4ED6\u7EC4\u4EF6\u5E93\u4E0D\u540C\uFF1A",paraId:3,tocIndex:1},{value:"antd \u7684 cssinjs \u5E76\u4E0D\u8DDF\u968F\u7EC4\u4EF6\u672C\u8EAB\u7684 props \u6539\u53D8",paraId:3,tocIndex:1},{value:"\u3002",paraId:3,tocIndex:1},{value:"\u5728 MUI \u4E0E Mantine 6.x \u4E2D\uFF0C\u914D\u7F6E\u4E86\u4E0D\u540C props \u7684\u7EC4\u4EF6\u6240\u751F\u6210\u7684 css \u5176\u5B9E\u662F\u4E0D\u4E00\u6837\u7684\uFF0C\u800C\u8FD9\u4E9B\u6837\u5F0F\u90FD\u4F1A\u653E\u5728\u4E00\u4E2A hash class \u91CC\u9762\u3002\u662F\u7684\u6CA1\u9519\uFF0CMUI \u7684\u90A3\u4E9B\u5177\u540D\u7684 className \u6BD4\u5982 ",paraId:4,tocIndex:1},{value:"xxx-focused",paraId:4,tocIndex:1},{value:" \u90FD\u662F\u7A7A\u58F3\uFF0C\u662F\u65B9\u4FBF\u7528\u6237\u8FDB\u884C\u9B54\u6539\u7684\u3002\u8FD9\u6837\u505A\u7684\u597D\u5904\u662F\u4F1A\u5927\u5927\u51CF\u5C11\u6837\u5F0F\u6587\u4EF6\u7684\u5927\u5C0F\uFF0C\u6BD4\u5982\u4E00\u4E2A\u9875\u9762\u53EA\u4F7F\u7528\u4E86 outlined \u53D8\u4F53\u7684 Button\uFF0C\u90A3\u4E48\u6700\u7EC8\u7684\u6837\u5F0F\u91CC\u5C31\u4E0D\u4F1A\u5B58\u5728 filled \u53D8\u4F53\u7684\u6837\u5F0F\u3002",paraId:4,tocIndex:1},{value:"\u800C\u5728 antd 5.0 \u4E2D\uFF0C\u53EA\u8981\u4F7F\u7528\u4E86\u67D0\u4E2A\u7EC4\u4EF6\uFF0Cantd \u5C31\u4F1A\u81EA\u52A8\u5F15\u5165\u6709\u5173\u8FD9\u4E2A\u7EC4\u4EF6\u7684\u6240\u6709\u6837\u5F0F\u2014\u2014\u4E0D\u7BA1\u6709\u6CA1\u6709\u4F7F\u7528\u8FC7\u3002\u8FD9\u6837\u505A\u6709\u4E24\u4E2A\u539F\u56E0\uFF1A",paraId:5,tocIndex:1},{value:"antd \u4ECE 4.x \u5230 5.x \u8FDB\u884C\u6539\u9020\u65F6\u5E76\u6CA1\u6709\u6539\u53D8\u6837\u5F0F\u7684\u7EC4\u7EC7\u65B9\u5F0F\uFF0C\u4EFB\u7136\u662F\u548C 4.x \u4E00\u6837\u901A\u8FC7 class \u7684\u7EC4\u5408\u6765\u5B9E\u73B0\u4E0D\u540C\u7684\u6837\u5F0F\u6548\u679C\u3002",paraId:6,tocIndex:1},{value:"\u51CF\u5C11\u52A8\u6001\u751F\u6210\u6837\u5F0F\u7684\u6B21\u6570\u3002\u6211\u4EEC\u4EE5\u7EC4\u4EF6\u4E3A\u7EF4\u5EA6\u5236\u5B9A\u4E86\u7F13\u5B58\u7B56\u7565\uFF0C\u540C\u4E00\u4E2A\u7EC4\u4EF6\u53EA\u4F1A\u63D2\u5165\u4E00\u6B21\u6837\u5F0F\uFF0C\u8FD9\u6837\u4F1A\u51CF\u5C11 cssinjs \u5728\u5E8F\u5217\u5316 css \u65F6\u7684\u6027\u80FD\u635F\u8017\u3002",paraId:6,tocIndex:1},{value:"\u53EF\u4EE5\u770B\u51FA\u4F20\u7EDF cssinjs \u548C antd \u5404\u81EA\u7684\u4F18\u70B9\u5176\u5B9E\u53CD\u8FC7\u6765\u4E5F\u662F\u5BF9\u65B9\u7684\u7F3A\u70B9\u3002antd \u7684 css \u4EA7\u7269\u5927\u5C0F\u56E0\u6B64\u53D8\u5F97\u975E\u5E38\u5E9E\u5927\uFF0C\u8FD9\u4E00\u70B9\u5728 SSR \u573A\u666F\u4E0B\u9700\u8981\u5185\u8054 style \u6807\u7B7E\u65F6\u5C31\u663E\u5F97\u683C\u5916\u788D\u773C\u3002",paraId:7,tocIndex:1},{value:"\u5728 cssinjs \u7684\u7EC4\u4EF6\u5E93\u4E2D\u5207\u6362\u4EAE\u6697\u8272\u4E3B\u9898\u65F6\u6211\u4EEC\u901A\u5E38\u4F1A\u53D1\u73B0\u4E24\u4E2A\u95EE\u9898\uFF1A",paraId:8,tocIndex:2},{value:"\u5207\u6362\u4E3B\u9898\u65F6\u6709\u5361\u987F\u611F",paraId:9,tocIndex:2},{value:"\u9759\u6001\u7AD9\u70B9\u5207\u6362\u5230\u6697\u8272\u540E\u5237\u65B0\uFF0C\u603B\u662F\u4F1A\u4ECE\u4EAE\u8272\u518D\u53D8\u56DE\u6697\u8272",paraId:9,tocIndex:2},{value:"\u8FD9\u4E24\u4E2A\u95EE\u9898\u5176\u5B9E antd \u4E5F\u4E2D\u62DB\u4E86\uFF0C\u5176\u539F\u56E0\u5F52\u7ED3\u8D77\u6765\u5176\u5B9E\u8FD8\u662F\u7531\u4E8E cssinjs \u8FD0\u884C\u65F6\u751F\u6210\u6837\u5F0F\u7684\u7279\u6027\u3002\u524D\u8005\u5361\u987F\u662F\u56E0\u4E3A\u9700\u8981\u8FDB\u884C\u4E00\u8F6E\u65B0\u7684 css \u5E8F\u5217\u5316\uFF1B\u540E\u8005\u4E0D\u80FD\u65E0\u7F1D\u5237\u65B0\u662F\u56E0\u4E3A\u9759\u6001\u7AD9\u70B9\u4E0D\u80FD\u4FDD\u7559\u5207\u6362\u540E\u4E3B\u9898\u7684\u6837\u5F0F\u3002",paraId:10,tocIndex:2},{value:"\u8FD9\u4E24\u4E2A\u95EE\u9898\u5728 CSS \u53D8\u91CF\u7684\u4E3B\u9898\u7CFB\u7EDF\u4E0B\u5C31\u4E0D\u5B58\u5728\uFF0C\u5178\u578B\u9875\u9762\u5C31\u662F ",paraId:11,tocIndex:2},{value:"react.dev",paraId:11,tocIndex:2},{value:"\u3002\u539F\u7406\u5176\u5B9E\u4E5F\u5F88\u7B80\u5355\uFF1A",paraId:11,tocIndex:2},{value:"\u4FEE\u6539 CSS \u53D8\u91CF\u4E0D\u9700\u8981\u91CD\u65B0\u5E8F\u5217\u5316 css\uFF0C\u7701\u53BB\u4E86\u8FD9\u4E00\u6027\u80FD\u6D88\u8017",paraId:12,tocIndex:2},{value:"\u5728\u9875\u9762\u6E32\u67D3\u4E4B\u524D CSS \u53D8\u91CF\u5C31\u53EF\u4EE5\u8FDB\u884C\u6CE8\u5165\uFF0C\u5373\u901A\u8FC7 body \u4E0B\u7684 script \u6765\u963B\u585E\u6E32\u67D3\uFF0C\u4ECE\u800C\u907F\u514D\u4E86\u6E32\u67D3\u4E0D\u5FC5\u8981\u7684\u6837\u5F0F\u3002",paraId:12,tocIndex:2},{value:"\u7ED3\u5408 Mantine 7.0 \u7684\u6848\u4F8B\u6765\u770B\uFF0C\u4F3C\u4E4E\u4EE5 CSS \u53D8\u91CF\u4E3A\u57FA\u7840\u7684\u4E3B\u9898\u7CFB\u7EDF/\u6837\u5F0F\u5F15\u64CE\u62E5\u6709\u66F4\u597D\u7684\u7528\u6237\u4F53\u9A8C\u3002\u4F46\u662F\u5BF9\u4E8E cssinjs \u6211\u4EEC\u4E5F\u6709\u4E0D\u80FD\u5272\u820D\u7684\u7406\u7531\u2014\u2014\u6211\u4EEC\u5E76\u4E0D\u5E0C\u671B\u50CF Mantine \u90A3\u6837\u820D\u5F03\u66F4\u52A0\u7075\u6D3B\u7684\u4E3B\u9898\u80FD\u529B\u3002\u4E5F\u5C31\u662F\u8BF4\u6211\u4EEC\u5E0C\u671B\u62E5\u6709 CSS \u53D8\u91CF\u4F53\u79EF\u5C0F\u3001\u5207\u6362\u5FEB\u7684\u7279\u6027\uFF0C\u53C8\u5E0C\u671B\u4FDD\u7559 cssinjs \u7684\u4E3B\u9898\u5D4C\u5957\u3001\u591A\u4E3B\u9898\u5E76\u5B58\u7684\u80FD\u529B\u3002",paraId:13,tocIndex:3},{value:"\u90A3\u4E48\u6211\u4EEC\u81EA\u7136\u800C\u7136\u7684\u5C31\u60F3\u5230\u80FD\u4E0D\u80FD\u5C06 cssinjs \u4E0E CSS \u53D8\u91CF\u7ED3\u5408\u5230\u4E00\u8D77\uFF1F\u6BD5\u7ADF\u4ED6\u4EEC\u770B\u8D77\u6765\u5E76\u4E0D\u662F\u5B8C\u5168\u4E92\u65A5\u7684\u3002",paraId:14,tocIndex:3},{value:"antd \u4E0D\u662F\u7B2C\u4E00\u6B21\u4E0E CSS \u53D8\u91CF\u5408\u4F5C\u4E86\uFF0C\u65E9\u5728 4.x \u65F6\u4EE3\u5C31\u5DF2\u7ECF\u6709\u4E86\u4E00\u5957\u57FA\u4E8E CSS \u53D8\u91CF\u7684 CSS \u6587\u4EF6\u30024.x \u4E2D antd \u7684\u4E3B\u9898\u4E3B\u8981\u901A\u8FC7 less \u53D8\u91CF\u6765\u5B9E\u73B0\uFF0C\u5C06 less \u53D8\u91CF\u8D4B\u503C\u4E3A CSS \u53D8\u91CF\u540D\uFF0C\u7136\u540E\u5728\u5176\u4ED6\u5730\u65B9\u7ED9\u8FD9\u4E9B CSS \u53D8\u91CF\u8D4B\u503C\uFF0C\u8FD9\u5C31\u662F antd 4.x CSS \u53D8\u91CF\u4E3B\u9898\u7684\u80FD\u529B\u3002",paraId:15,tocIndex:4},{value:"antd 5.0 \u7684\u4E3B\u9898\u80FD\u529B\u5176\u5B9E\u7531 4.x \u7684\u8FDB\u5316\u800C\u6765\uFF0C\u540C\u6837\u62E5\u6709\u4E00\u5957\u4E3B\u9898 token \u6765\u8FDB\u884C\u4E3B\u9898\u5B9A\u5236\u3002\u8FD9\u662F\u76EE\u524D\u7684\u4E3B\u9898\u7CFB\u7EDF\u7684\u5904\u7406\u8FC7\u7A0B\uFF0C\u5176\u4E2D\u6211\u4EEC\u4F1A\u57FA\u4E8E\u4E3B\u9898 Token \u7684\u503C\u6765\u8BA1\u7B97\u4E00\u4E2A\u552F\u4E00\u7684 hash \u53D8\u91CF\uFF0C\u4ECE\u800C\u4FDD\u8BC1\u4E3B\u9898\u4E4B\u95F4\u76F8\u4E92\u9694\u79BB\uFF1A",paraId:16,tocIndex:4},{value:":where",paraId:17,tocIndex:4},{value:"\u9009\u62E9\u5668\u4E0D\u4F1A\u63D0\u9AD8\u6574\u4F53\u6743\u91CD\uFF0C\u6240\u4EE5\u5F88\u9002\u5408\u7528\u6765\u505A\u4E3B\u9898\u9694\u79BB",paraId:17,tocIndex:4},{value:"\u6240\u4EE5\u5F88\u81EA\u7136\u5730\uFF0C\u6211\u4EEC\u4E5F\u60F3\u5230\u4E86\u5C06\u6240\u6709 token \u7528 CSS \u53D8\u91CF\u586B\u5145\u7684\u65B9\u6848\uFF0C\u4E8E\u662F\u8FD9\u7BC7 RFC \u4FBF\u8BDE\u751F\u4E86\uFF1A",paraId:18,tocIndex:5},{value:"[RFC] CSS variable theme of antd",paraId:18,tocIndex:5},{value:"\u5728\u8FD9\u7BC7 RFC \u4E2D\uFF0C\u6211\u4EEC\u5F15\u5165\u4E86\u4E00\u4E2A\u8BBE\u60F3\uFF1A\u5C06\u6240\u6709 token \u90FD\u6620\u5C04\u5230 CSS \u53D8\u91CF\uFF0C\u5E76\u7528 CSS \u53D8\u91CF\u6765\u586B\u5145 token \u7684\u503C\u3002\u5982\u6B64\u4E00\u6765 antd \u5BF9\u4E8E\u4E3B\u9898\u7684 hash \u8BA1\u7B97\u5C31\u4F1A\u56FA\u5B9A\uFF0C\u56E0\u4E3A\u6BCF\u4E2A token \u7684\u503C\u90FD\u4E0D\u4F1A\u518D\u53D8\u4E86\u3002\u8FD9\u65F6\u6211\u4EEC\u5C31\u4F1A\u5F97\u5230\u4E00\u4EFD\u7A33\u5B9A\u7684 HTML\uFF0C\u60F3\u8981\u5207\u6362\u4E3B\u9898\u65F6\u53EA\u9700\u8981\u66FF\u6362\u5BF9\u5E94\u7684 CSS \u53D8\u91CF\uFF0C\u800C\u4E0D\u9700\u8981\u7ECF\u5386\u5197\u957F\u7684 cssinjs \u5E8F\u5217\u5316\u8FC7\u7A0B\u3002",paraId:19,tocIndex:5},{value:"\u73B0\u5728\u6211\u4EEC\u878D\u5408 cssinjs \u548C CSS \u53D8\u91CF\u7684\u65B9\u6848\u521D\u5177\u96CF\u5F62\u4E86\u3002\u8FD9\u4E2A\u65B9\u6848\u4E2D\uFF0C\u5176\u5B9E CSS \u53D8\u91CF\u63D2\u5165\u7684\u73AF\u8282\u88AB\u6392\u9664\u5728\u4E86\u6574\u4E2A\u4E3B\u9898\u7684\u751F\u547D\u5468\u671F\u4E4B\u5916\uFF0C\u56E0\u4E3A\u6211\u4EEC\u53EA\u5173\u5FC3 token \u548C CSS \u53D8\u91CF\u4E4B\u95F4\u7684\u76F8\u4E92\u66FF\u6362\u3002\u53EA\u8981 antd \u5C06 CSS \u53D8\u91CF\u8FD0\u7528\u5230\u4E86\u7EC4\u4EF6\u6837\u5F0F\u7684\u5404\u4E2A\u89D2\u843D\uFF0C\u6211\u4EEC\u81EA\u7136\u5C31\u53EF\u4EE5\u5728\u6B64\u4E4B\u4E0A\u8FDB\u884C\u57FA\u4E8E CSS \u53D8\u91CF\u7684\u4E3B\u9898\u6784\u7B51\u3002",paraId:20,tocIndex:5},{value:"\u5982\u4E0A\u56FE\u6240\u793A\uFF0C\u63A7\u5236\u6574\u4E2A\u4E3B\u9898\u7684 CSS \u53D8\u91CF\u6700\u7EC8\u88AB\u653E\u5728\u4E86 ",paraId:21,tocIndex:5},{value:":root",paraId:21,tocIndex:5},{value:"\u9009\u62E9\u5668\u4E0B\uFF0C\u8FD9\u4E5F\u5C31\u610F\u5473\u7740\u6211\u4EEC\u53EF\u4EE5\u5728\u4EFB\u4F55\u65F6\u673A\u4FEE\u6539\u8FD9\u4E00\u4EFD CSS \u53D8\u91CF\uFF1A\u53EF\u4EE5\u662F\u7F16\u8BD1\u65F6\uFF0C\u4E5F\u53EF\u4EE5\u5728\u6D4F\u89C8\u5668\u73AF\u5883\u4E2D\u3002\u4F46\u662F\u53E6\u4E00\u65B9\u9762\uFF0C\u5C06 CSS \u53D8\u91CF\u653E\u7F6E\u5728 ",paraId:21,tocIndex:5},{value:":root",paraId:21,tocIndex:5},{value:" \u4E0B\u4E5F\u610F\u5473\u7740\u8FD9\u5C06\u4F1A\u662F\u4E00\u4EFD\u5F71\u54CD\u8303\u56F4\u662F\u6574\u4E2A document \u7684\u4E3B\u9898\uFF0C\u6211\u4EEC\u65E0\u6CD5\u8FDB\u884C\u5C40\u90E8\u4E3B\u9898\u7684\u8C03\u6574\u3002",paraId:21,tocIndex:5},{value:"\u90A3\u4E48\u73B0\u5728\u95EE\u9898\u5C31\u53D8\u6210\u4E86\uFF1A\u6211\u4EEC\u80FD\u5426\u8BA9 CSS \u53D8\u91CF\u5C40\u90E8\u751F\u6548\uFF1F",paraId:22,tocIndex:5},{value:"\u7B54\u6848\u662F\u53EF\u4EE5\u7684\u3002\u8FD8\u8BB0\u5F97\u6211\u4EEC\u5728 5.0 \u5F15\u5165\u7684 hash \u5417\uFF1F\u8FD9\u5C31\u662F\u89E3\u51B3\u8FD9\u4E2A\u95EE\u9898\u7684\u5173\u952E\u3002",paraId:23,tocIndex:6},{value:"\u901A\u8FC7\u5C06 CSS \u53D8\u91CF\u7EA6\u675F\u5728 hash \u7684\u7C7B\u9009\u62E9\u5668\u4E0B\uFF0C\u6211\u4EEC\u5C31\u53EF\u4EE5\u8BA9\u8FD9\u6279 CSS \u53D8\u91CF\u53EA\u5BF9\u8BE5\u4E3B\u9898\u4E0B\u7684\u7EC4\u4EF6\u751F\u6548\u3002\u540C\u65F6\u6211\u4EEC\u4E5F\u53EF\u4EE5\u5229\u7528\u4E0A\u4E0B\u6587\u4E2D\u6240\u63D0\u4F9B\u7684\u4E3B\u9898\u6765\u5B9E\u65F6\u5730\u751F\u4EA7 CSS \u53D8\u91CF\uFF1A\u628A\u5F53\u524D\u4E3B\u9898\u914D\u7F6E\u7684 token \u503C\u76F4\u63A5\u8F6C\u5316\u4E3A CSS \u53D8\u91CF\uFF0C\u7EC4\u5408\u4E0A\u5F53\u524D\u7684 hash \u503C\u5C31\u5F97\u5230\u4E86\u4E00\u4EFD\u5B8C\u6574\u7684\u6837\u5F0F\u3002",paraId:24,tocIndex:6},{value:"\u770B\u8D77\u6765\u5F88\u5B8C\u7F8E\uFF0C\u5229\u7528\u73B0\u6709\u7684\u4E3B\u9898\u7279\u6027\u5B9E\u73B0\u4E86 CSS \u53D8\u91CF\u5728\u4E3B\u9898\u4E4B\u95F4\u9694\u79BB\u7684\u529F\u80FD\u3002\u4F46\u662F\u5B9E\u9645\u4E0A\u5230\u76EE\u524D\u4E3A\u6B62\u8FD9\u4E2A\u65B9\u6848\u6709\u4E00\u4E2A\u5DE8\u5927\u7684\u7F3A\u9677\uFF0C\u800C\u8FD9\u5728\u4E0A\u6587\u4E2D\u4E5F\u63D0\u5230\u8FC7\uFF1A\u4E3A\u4E86\u4FDD\u8BC1 HTML \u7684\u7A33\u5B9A\uFF0C\u8BA1\u7B97 hash \u65F6\u6211\u4EEC\u5B9E\u9645\u4E0A\u662F\u4F7F\u7528\u7684\u6620\u5C04\u5230 CSS \u53D8\u91CF\u540E\u7684 token \u503C\uFF0C\u4E5F\u5C31\u662F\u7C7B\u4F3C ",paraId:25,tocIndex:6},{value:"var(--color-primary)",paraId:25,tocIndex:6},{value:" \u7684\u503C\uFF1B\u800C\u8FD9\u4E9B\u503C\u662F\u4E0D\u4F1A\u53D8\u7684\uFF0C\u56E0\u4E3A\u6211\u4EEC\u4E0D\u4F1A\u53BB\u523B\u610F\u4FEE\u6539 CSS \u53D8\u91CF\u4E0E token \u95F4\u7684\u6620\u5C04\u5173\u7CFB\uFF0C",paraId:25,tocIndex:6},{value:"\u6240\u4EE5\u8FD9\u4E5F\u5C31\u4F1A\u5BFC\u81F4 hash \u662F\u4E00\u4E2A\u56FA\u5B9A\u503C\u3002",paraId:25,tocIndex:6},{value:"\u8003\u8651\u5D4C\u5957\u7684\u573A\u666F\uFF1A",paraId:26,tocIndex:6},{value:"<ConfigProvider theme={{ token: { colorPrimary: 'blue' } }}>\n  <Button>Button 1</Button>\n  <ConfigProvider theme={{ token: { colorPrimary: 'green' } }}>\n    <Button>Button 2</Button>\n  </ConfigProvider>\n</ConfigProvider>\n",paraId:27,tocIndex:6},{value:"\u5728 antd 5.0 \u5F53\u524D\u7684\u4E3B\u9898\u7CFB\u7EDF\u4E0B\uFF0C\u8FD9\u4E24\u4E2A Button \u6240\u5BF9\u5E94\u7684 hash \u503C\u662F\u4E0D\u4E00\u6837\u7684\uFF0C\u6240\u4EE5\u4ED6\u4EEC\u7684\u6837\u5F0F\u4E92\u4E0D\u5F71\u54CD\uFF0C\u8FD9\u5C31\u662F hash \u5728\u4E3B\u9898\u9694\u79BB\u7684\u4F5C\u7528\u3002",paraId:28,tocIndex:6},{value:"\u4F46\u662F\u5728 CSS \u53D8\u91CF\u7684\u65B9\u6848\u4E0B\uFF0C\u8FD9\u4E24\u5904 token \u4FEE\u6539\u5E76\u4E0D\u4F1A\u5B9E\u9645\u5F71\u54CD hash \u7684\u8BA1\u7B97\uFF0C\u6240\u4EE5\u4F1A\u5BFC\u81F4\u4E3B\u9898\u9694\u79BB\u5931\u6548\uFF0C\u4E24\u4E2A ",paraId:29,tocIndex:6},{value:"colorPrimary",paraId:29,tocIndex:6},{value:"\u4F1A\u88AB\u653E\u7F6E\u5728\u76F8\u540C\u7684 hash \u4E0B\uFF0C\u5BFC\u81F4\u76F8\u4E92\u8986\u76D6\u3002\u5728\u4FDD\u8BC1\u4E3B\u9898\u9694\u79BB\u7684\u524D\u63D0\u4E0B\uFF0C\u6211\u4EEC\u9700\u8981 Button 1 \u548C Button 2 \u7684 hash \u503C\u4E0D\u4E00\u6837\uFF0C\u4F46\u8FD9\u53C8\u660E\u663E\u662F\u77DB\u76FE\u7684\uFF0C\u4EA7\u751F\u4E86\u4E00\u4E2A\u65B0\u7684\u95EE\u9898\u3002",paraId:29,tocIndex:6},{value:"\u56DE\u8FC7\u5934\u6765\u601D\u8003\u4E00\u4E0B\u6211\u4EEC\u91C7\u7528 CSS \u53D8\u91CF\u7684\u521D\u8877\uFF1A**\u5B9E\u73B0\u66F4\u5FEB\u7684\u4E3B\u9898\u5207\u6362\uFF0C\u964D\u4F4E\u4E3B\u9898\u5207\u6362\u7684\u6027\u80FD\u6D88\u8017\u3002**\u53EF\u4EE5\u53D1\u73B0\u91CD\u70B9\u5176\u5B9E\u5728\u201C\u5207\u6362\u201D\u4E0A\u3002",paraId:30,tocIndex:6},{value:"\u5BF9\u4E8E\u5D4C\u5957\u4E3B\u9898\u6216\u8005\u5E73\u884C\u4E3B\u9898\u6765\u8BF4\uFF0C\u4ED6\u4EEC\u7684\u4FA7\u91CD\u70B9\u5E76\u4E0D\u662F\u201C\u5207\u6362\u201D\u800C\u662F\u201C\u9694\u79BB\u201D\uFF0C\u6240\u4EE5\u9700\u8981\u5404\u5F02\u4E14\u7A33\u5B9A\u7684 hash\uFF0C\u5728\u5927\u591A\u6570\u573A\u666F\u4E0B\u4ED6\u4EEC\u7684 HTML \u4E5F\u662F\u7A33\u5B9A\u7684\u3002",paraId:31,tocIndex:6},{value:"\u5BF9\u4E8E\u5207\u6362\u4E3B\u9898\u6765\u8BF4\uFF0C\u91CD\u70B9\u5C31\u6765\u5230\u4E86\u201C\u5207\u6362\u201D\u3002\u6211\u4EEC\u6240\u671F\u671B\u7684\u662F\u5728\u56FA\u5B9A hash\uFF08\u5373\u7A33\u5B9A\u7684 HTML\uFF09\u7684\u60C5\u51B5\u4E0B\u5229\u7528 CSS \u53D8\u91CF\u5B9E\u73B0\u5FEB\u901F\u3001\u9AD8\u6027\u80FD\u7684\u4E3B\u9898\u5207\u6362\uFF0C\u8FD9\u4E00\u70B9\u4E0E\u4E3B\u9898\u9694\u79BB\u5E76\u4E0D\u51B2\u7A81\uFF0C\u6240\u4EE5\u6211\u4EEC\u4ECD\u7136\u9700\u8981\u4E0D\u540C\u7684 hash \u6765 CSS \u53D8\u91CF\u9694\u79BB\u7684\u5C40\u9762\u3002\u5728\u6B64\u4E4B\u4E0A\uFF0C\u518D\u6839\u636E\u7528\u6237\u7684\u9700\u6C42\u751F\u4EA7\u5404\u4E2A hash \u4E0B\u4E0D\u540C\u7684\u4E3B\u9898\u5BF9\u5E94\u7684 CSS \u53D8\u91CF\u6837\u5F0F\u3002",paraId:32,tocIndex:6},{value:"\u8FD9\u8BF4\u8D77\u6765\u6709\u4E9B\u62BD\u8C61\uFF0C\u6211\u4EEC\u6765\u7528\u4EE3\u7801\u89E3\u91CA\u4E00\u4E0B\u60F3\u8981\u7684\u6548\u679C\u3002\u540C\u6837\u662F\u4E0A\u9762\u4E3E\u51FA\u7684\u5D4C\u5957\u4E3B\u9898\u7684\u573A\u666F\uFF0C\u6211\u4EEC\u6700\u7EC8\u5E0C\u671B\u5F97\u5230\u7684 CSS \u6587\u4EF6\u5E94\u8BE5\u5305\u542B\u8FD9\u4E9B\uFF1A",paraId:33,tocIndex:6},{value:":where(.css-hash1).ant-btn {\n  background-color: var(--color-primary);\n}\n\n:where(.css-hash2).ant-btn {\n  background-color: var(--color-primary);\n}\n\n.css-hash1 {\n  --color-primary: blue;\n}\n\n.css-hash2 {\n  --color-primary: green;\n}\n",paraId:34,tocIndex:6},{value:"\u8FD9\u6837\u7684\u4EA7\u7269\u662F\u7B26\u5408\u9884\u671F\u7684\uFF0C\u5B83\u5C06 CSS \u53D8\u91CF\u4E0E hash \u7ED3\u5408\u5230\u4E86\u4E00\u8D77\u3002\u4F46\u5B9E\u9645\u4E0A\u8FD9\u6837\u6211\u4EEC\u5E94\u8BE5\u7A0D\u5FAE\u8C03\u6574\u4E00\u4E0B\u6211\u4EEC\u7684\u601D\u8DEF\uFF0C\u5C06 hash \u8BA1\u7B97\u56DE\u5F52\u5230 token \u539F\u672C\u7684\u503C\u4E0A\uFF0C\u6216\u8005\u76F4\u63A5\u5229\u7528 CSS \u53D8\u91CF\u6765\u8BA1\u7B97 hash\uFF1A",paraId:35,tocIndex:6},{value:"\u5230\u76EE\u524D\u4E3A\u6B62\uFF0C\u6211\u4EEC\u901A\u8FC7 hash \u5C06\u4E3B\u9898\u9694\u79BB\u4E0E CSS \u53D8\u91CF\u878D\u5408\u5230\u4E86\u4E00\u8D77\uFF0C\u6EE1\u8DB3\u4E86\u4E00\u4E0B\u6211\u4EEC\u65E2\u8981\u53C8\u8981\u7684\u91CE\u5FC3\u3002\u4F46\u662F hash \u5176\u5B9E\u8FD8\u6709\u4E00\u4E2A\u95EE\u9898\u2014\u2014\u5B83\u662F\u52A8\u6001\u8BA1\u7B97\u7684\uFF0C\u7528\u6237\u65E0\u6CD5\u63D0\u524D\u5F97\u77E5 hash \u503C\u5230\u5E95\u662F\u4EC0\u4E48\uFF0C\u4E5F\u5C31\u65E0\u6CD5\u5B9E\u73B0\u76F4\u63A5\u7528 js \u64CD\u4F5C\u4FEE\u6539 CSS \u53D8\u91CF\u3002",paraId:36,tocIndex:7},{value:"\u4F46\u662F\u529E\u6CD5\u603B\u662F\u6709\u7684\u3002\u6211\u4EEC\u9664\u4E86\u76F4\u63A5\u5229\u7528 js \u4FEE\u6539 CSS \u53D8\u91CF\u4E4B\u5916\uFF0C\u8FD8\u53EF\u4EE5\u5229\u7528 CSS \u9009\u62E9\u5668\u6765\u5B9E\u73B0\u4E0D\u540C\u573A\u666F\u4E0B CSS \u53D8\u91CF\u7684\u5207\u6362\uFF0C\u8FD9\u5C31\u8981\u6C42\u6211\u4EEC\u63D0\u524D\u628A\u4E0D\u540C\u4E3B\u9898\u7684 CSS \u53D8\u91CF\u540C\u65F6\u751F\u6210\u597D\uFF1A",paraId:37,tocIndex:7},{value:"/* \u5229\u7528\u81EA\u5B9A\u4E49\u7684\u4E3B\u9898 class \u4F5C\u4E3A\u5D4C\u5957\u9009\u62E9\u5668 */\n.light .css-hash {\n  --color-text: rgba(0, 0, 0, 0.85);\n}\n\n.dark .css-hash {\n  --color-text: rgba(255, 255, 255, 0.88);\n}\n",paraId:38,tocIndex:7},{value:"\u6B64\u65F6\u6211\u4EEC\u53EA\u9700\u8981\u5207\u6362\u5305\u88F9\u5728\u7EC4\u4EF6\u5916\u5C42\u7684 DOM \u4E0A\u7684 class\uFF0C\u5C31\u53EF\u4EE5\u8F7B\u6613\u5B9E\u73B0\u4E3B\u9898\u7684\u5207\u6362\u3002\u8FD9\u4E2A\u5916\u5C42 DOM \u53EF\u4EE5\u662F html\uFF0C\u53EF\u4EE5\u662F body\uFF0C\u4E5F\u53EF\u4EE5\u662F\u5E94\u7528\u4E2D\u7684\u67D0\u4E00\u5C42\u5143\u7D20 \u2014\u2014 \u8FD9\u7531\u7528\u6237\u81EA\u7531\u51B3\u5B9A\u3002",paraId:39,tocIndex:7},{value:"\u95EE\u9898\u603B\u662F\u4E00\u73AF\u5957\u4E00\u73AF\u7684\u3002\u6211\u4EEC\u4E4B\u524D\u63D0\u5230 hash \u8FD8\u662F\u6B63\u5E38\u901A\u8FC7 token \u8BA1\u7B97\u7684\uFF0C\u4F46\u662F\u6D89\u53CA\u5230\u52A8\u6001\u5207\u6362\u65F6\u6211\u4EEC\u53C8\u5E0C\u671B hash \u662F\u4E0D\u53D8\u7684\u3002\u6240\u4EE5\u60F3\u4E0A\u6587\u4E2D\u5217\u51FA\u7684\u4E24\u5957\u4E3B\u9898\uFF0C\u4ED6\u4EEC\u7684 hash \u5E94\u8BE5\u662F\u4E00\u81F4\u7684\uFF0C\u5C3D\u7BA1\u4ED6\u4EEC\u5BF9\u5E94\u7684 CSS \u53D8\u91CF\u5E76\u4E0D\u76F8\u540C\u3002\u4E8E\u662F\u6211\u4EEC\u9700\u8981\u5728 hash \u7684\u8BA1\u7B97\u65B9\u6CD5\u4E0A\u505A\u4E00\u4E9B\u6587\u7AE0\u3002",paraId:40,tocIndex:7},{value:"\u5B9E\u9645\u4E0A\u53EF\u4EE5\u53D1\u73B0\u6211\u4EEC\u5728\u5957\u7528 CSS \u53D8\u91CF\u4E4B\u540E\uFF0C\u6211\u4EEC\u4E00\u76F4\u5728\u505A\u7684\u4E00\u4EF6\u4E8B\u60C5\u5C31\u662F\u628A\u201C\u52A8\u6001\u201D\u53D8\u4E3A\u201C\u9759\u6001\u201D\uFF0C\u6781\u529B\u53BB\u907F\u514D\u4F7F\u7528 js \u52A8\u6001\u4FEE\u6539 token \u7684\u60C5\u51B5\u53D1\u751F\uFF0C\u56E0\u4E3A\u8FD9\u4E00\u5B9A\u4F1A\u5524\u8D77 js \u7684\u8BA1\u7B97\u903B\u8F91\u4ECE\u800C\u62D6\u6162\u7F51\u9875\u6027\u80FD\u3002\u76F8\u5BF9\u7684\uFF0C\u6211\u4EEC\u5229\u7528 CSS \u53D8\u91CF\u53EF\u63D0\u524D\u7F16\u8BD1\u7684\u9759\u6001\u80FD\u529B\uFF0C\u5C06\u8FD0\u884C\u65F6\u4F1A\u4EA7\u751F\u53D8\u5316\u7684\u4E1C\u897F\u4E00\u6B65\u6B65\u7F29\u5C0F\u8303\u56F4\uFF0C\u6700\u7EC8\u53D8\u6210\u53EA\u9700\u8981\u4FEE\u6539\u4E00\u4E2A\u7C7B\u540D\u6216\u8005 DOM \u5C5E\u6027\u5C31\u53EF\u4EE5\u505A\u5230\u9AD8\u6027\u80FD\u7684\u4E3B\u9898\u5207\u6362\u3002",paraId:41,tocIndex:7},{value:"\u6700\u540E\u522B\u5FD8\u4E86 token \u662F\u53EF\u4EE5\u901A\u8FC7 context \u8FDB\u884C\u4F20\u9012\u7684\uFF0C\u5728\u5D4C\u5957\u4E3B\u9898\u65F6\uFF0C\u5F53\u524D\u7684 token \u4F1A\u7EE7\u627F\u6765\u81EA\u4E0A\u4E0B\u6587\u7684 token \u503C\u8FDB\u884C\u8986\u76D6\u3002\u6839\u636E\u4E0A\u6587\u4E2D\u7684\u63CF\u8FF0\uFF0C\u6211\u4EEC\u9700\u8981\u5728\u4E3B\u9898\u4E2D\u63D0\u4F9B\u590D\u6570\u7684 token\uFF0C\u4ED6\u4EEC\u5206\u522B\u62E5\u6709\u4E0D\u540C\u7684\u4E3B\u9898\u540D\u3002\u5982\u679C\u5728\u5D4C\u5957\u7684\u4E3B\u9898\u4E2D\u591A\u5C42\u4F7F\u7528\u4E86\u591A\u4E3B\u9898\uFF0C\u90A3\u4E48\u5176\u8BA1\u7B97\u91CF\u5176\u5B9E\u662F\u4E58\u7B97\u7684\u3002\u4E3E\u4E2A\u4F8B\u5B50\uFF1A",paraId:42,tocIndex:7},{value:"\u8FD9\u4F1A\u6210\u4E3A\u4E00\u4E2A\u6F5C\u5728\u7684\u8D1F\u62C5\u3002",paraId:43,tocIndex:7},{value:"\u8003\u8651\u8FD9\u6837\u7684\u573A\u666F\uFF1A\u7528\u6237\u53EF\u4EE5\u5728\u7F51\u9875\u4E2D\u4EFB\u610F\u4FEE\u6539\u4E3B\u9898\u8272\u4EE5\u53CA\u6587\u5B57\u5B57\u53F7\uFF0C\u4EE5\u7B26\u5408\u81EA\u5DF1\u7684\u559C\u597D\u3002\u8FD9\u4E2A\u573A\u666F\u4E0E\u4E0A\u6587\u6240\u7814\u7A76\u7684\u5C31\u5E76\u4E0D\u9002\u914D\u4E86\uFF0C\u539F\u56E0\u662F\u6211\u4EEC\u4E4B\u524D\u7684\u7814\u7A76\u5EFA\u7ACB\u5728\u6709\u4E00\u6574\u5957\u5DF2\u77E5\u7684\u4E3B\u9898\uFF08\u5982\u6697\u8272\u4E3B\u9898\uFF09\u4E0A\uFF0C\u4F46\u7528\u6237\u53EF\u4EE5\u968F\u610F\u4FEE\u6539\u67D0\u4E2A\u53D8\u91CF\u503C\u7684\u65F6\u5019\u6211\u4EEC\u5C31\u4E0D\u80FD\u591F\u63D0\u524D\u5BF9\u4E3B\u9898\u8FDB\u884C\u6784\u5EFA\uFF0C\u53EA\u80FD\u591F\u4F9D\u8D56\u8FD0\u884C\u65F6\u7684\u80FD\u529B\u8FDB\u884C\u4FEE\u6539\u3002\u8FD9\u79CD\u573A\u666F\u53EF\u4EE5\u79F0\u4E3A\u662F\u771F\u6B63\u7684\u201C\u52A8\u6001\u4E3B\u9898\u201D\u3002",paraId:44,tocIndex:8},{value:"\u5982\u540C\u4E0A\u6587\u6240\u8BF4\uFF0C\u5B9E\u73B0\u57FA\u4E8E CSS \u53D8\u91CF\u7684\u52A8\u6001\u4E3B\u9898\u6709\u4E24\u4E2A\u963B\u788D\uFF1A",paraId:45,tocIndex:8},{value:"hash \u503C\u53D8\u5316\u4F1A\u5BFC\u81F4\u7EC4\u4EF6\u548C DOM \u91CD\u65B0\u6E32\u67D3\uFF1B",paraId:46,tocIndex:8},{value:"\u7528\u6237\u65E0\u6CD5\u63D0\u524D\u5F97\u77E5 hash \u503C",paraId:46,tocIndex:8},{value:"\u800C\u9488\u5BF9\u8FD9\u4E24\u70B9\u5206\u522B\u6709\u4E24\u79CD\u89E3\u51B3\u65B9\u6848\u3002",paraId:47,tocIndex:8},{value:"\u5BF9\u4E8E\u524D\u8005\uFF0C\u6211\u4EEC\u9700\u8981\u89E3\u51B3\u7684\u95EE\u9898\u660E\u663E\u662F token \u53D8\u5316\u5E26\u6765\u7684\u52A8\u6001 hash \u503C\u3002hash \u503C\u5B58\u5728\u7684\u539F\u56E0\u6709\u4E24\u4E2A\uFF0C\u6837\u5F0F\u9694\u79BB\u548C\u7F13\u5B58\u3002\u6837\u5F0F\u9694\u79BB\u9700\u8981\u7684\u662F\u6BCF\u4E2A\u4E3B\u9898\u5BF9\u5E94\u4E0D\u4E00\u6837\u7684 hash\uFF0C\u7F13\u5B58\u9700\u8981\u7684\u662F\u6BCF\u4E2A\u4E3B\u9898\u5BF9\u5E94\u552F\u4E00\u7684 hash\u3002\u5728 CSS \u52A8\u6001\u4E3B\u9898\u7684\u573A\u666F\u4E0B\uFF0C\u6211\u4EEC\u53EF\u4EE5\u629B\u5F03\u7F13\u5B58\u8FD9\u4E00\u7279\u6027\uFF0C\u56E0\u4E3A\u6211\u4EEC\u5DF2\u7ECF\u5C06\u6240\u6709\u7684 token \u66FF\u6362\u4E3A\u4E86 CSS \u53D8\u91CF\uFF0C\u6837\u5F0F\u672C\u8EAB\u5E76\u4E0D\u4F1A\u6539\u53D8\uFF0C\u6BCF\u6B21\u6539\u53D8 token \u53EA\u4F1A\u6539\u53D8\u63D2\u5165\u7684 CSS \u53D8\u91CF\uFF0C\u8FD9\u65F6",paraId:48,tocIndex:9},{value:"\u5E8F\u5217\u5316 CSS \u5E26\u6765\u7684\u6027\u80FD\u6D88\u8017\u5DF2\u7ECF\u88AB\u5927\u5E45\u51CF\u5C0F\u4E86",paraId:48,tocIndex:9},{value:"\u3002\u56E0\u6B64\u6211\u4EEC\u5B8C\u5168\u53EF\u4EE5\u91C7\u7528\u968F\u673A hash \u6765\u4FDD\u8BC1\u6837\u5F0F\u9694\u79BB\u3002",paraId:48,tocIndex:9},{value:"\u8FD9\u65F6\u6211\u4EEC\u53EF\u4EE5\u53D1\u73B0\u7528\u6237\u60F3\u8981\u4F7F\u7528\u52A8\u6001\u4E3B\u9898\u65F6\u53EA\u8981\u50CF\u4E4B\u524D\u4E00\u6837\u5728 ConfigProvider \u91CC\u4FEE\u6539 token \u5C31\u53EF\u4EE5\u4E86\uFF0C\u4E0D\u4F1A\u4EA7\u751F\u4EFB\u4F55\u4F7F\u7528\u4E0A\u7684\u53D8\u5316\u3002\u800C\u989D\u5916\u7684\u4E00\u70B9\u5C31\u662F\uFF0C\u8FD9\u91CC\u6211\u4EEC\u7701\u53BB\u4E86\u8BA1\u7B97 hash \u5E26\u6765\u7684\u6027\u80FD\u635F\u8017\uFF0C\u4F46\u76F8\u5BF9\u7684\u6211\u4EEC\u53EF\u80FD\u4F1A\u751F\u4EA7\u51FA\u4E00\u6A21\u4E00\u6837\u7684\u4E24\u5957 CSS \u53D8\u91CF\u800C\u4ED6\u4EEC\u7684 hash \u5E76\u4E0D\u4E00\u81F4\u3002\u8FD9\u4E00\u70B9\u5177\u4F53\u4F1A\u5E26\u6765\u6B63\u9762\u8FD8\u662F\u8D1F\u9762\u7684\u5F71\u54CD\u8FD8\u5F97\u5177\u4F53\u770B\u7528\u6237\u7684\u4F7F\u7528\u65B9\u6CD5\u3002",paraId:49,tocIndex:9},{value:"\u4E0A\u8FF0\u7684\u65B9\u6848\u5176\u5B9E\u5DF2\u7ECF\u53EF\u4EE5\u89E3\u51B3\u5927\u90E8\u5206\u573A\u666F\u4E0B\u7684\u95EE\u9898\uFF0C\u4F46\u6211\u4EEC\u56DE\u8FC7\u5934\u770B\u8FD8\u6709\u4E00\u4E2A\u4ECE\u4E00\u5F00\u59CB\u5C31\u63D0\u5230\u7684\u95EE\u9898\uFF1AFOUC \u95EE\u9898\u3002\u5728\u4E00\u4E2A\u5DF2\u7ECF\u9759\u6001\u7F16\u8BD1\u7684\u7F51\u9875\u4E0A\uFF0C\u6240\u6709\u5229\u7528 react \u751F\u547D\u5468\u671F\u5B9E\u73B0\u7684\u4E3B\u9898\u53D8\u5316\u90FD\u4E0D\u80FD\u5728\u7B2C\u4E00\u65F6\u95F4\u53CD\u5E94\u5230\u7528\u6237\u7684\u6D4F\u89C8\u5668\u4E0A\u3002\u6211\u4EEC\u5FC5\u987B\u63D0\u4F9B\u7ED9\u7528\u6237\u80FD\u591F\u5728\u6D4F\u89C8\u5668\u6E32\u67D3\u9875\u9762\u524D\uFF0C\u5C31\u80FD\u591F\u4FEE\u6539\u4E3B\u9898\u7684\u80FD\u529B\u3002",paraId:50,tocIndex:10},{value:"\u8FD9\u79CD\u80FD\u529B\u7684\u5B9E\u73B0\u65B9\u5F0F\u5176\u5B9E\u5C31\u662F\u80FD\u591F\u8BA9\u7528\u6237\u5728\u811A\u672C\u4E2D\u66FF\u6362 CSS \u53D8\u91CF\u3002\u6211\u4EEC\u5728\u4E0A\u9762\u63D0\u5230\u4E86\u4E00\u79CD\u65B9\u6CD5\u662F\u5728\u811A\u672C\u4E2D\u76F4\u63A5\u66FF\u6362 html \u4E0A\u7684 class \u6216\u8005\u5C5E\u6027\u6765\u5957\u7528\u5DF2\u7ECF\u9759\u6001\u7F16\u8BD1\u5B8C\u6210\u7684 CSS \u53D8\u91CF\uFF0C\u8FD9\u5BF9\u4E8E\u52A8\u6001\u4E3B\u9898\u5E76\u4E0D\u9002\u7528\u3002\u6240\u4EE5\u7528\u6237\u5C31\u9700\u8981\u5728\u811A\u672C\u4E2D\u76F4\u63A5\u4FEE\u6539 CSS \u53D8\u91CF\u7684\u503C\uFF0C\u6240\u4EE5\u5C31\u5F15\u5165\u4E86\u201C\u9700\u8981\u63D0\u524D\u5F97\u77E5 hash \u503C\u201D\u8FD9\u4E2A\u95EE\u9898\uFF0C\u56E0\u4E3A\u5982\u679C hash \u503C\u5B8C\u5168\u968F\u673A\u6216\u8005\u6839\u636E token \u8BA1\u7B97\uFF0C\u7528\u6237\u5C31\u65E0\u6CD5\u5728 react \u751F\u547D\u5468\u671F\u4E4B\u5916\u4F7F\u7528\u8FD9\u4E2A hash \u503C\uFF1B\u6216\u8005\u8BF4\u5F88\u96BE\u628A\u8FD9\u4E2A hash \u503C\u5B58\u4E0B\u6765\uFF0C\u4F9B\u5728 react \u751F\u547D\u5468\u671F\u4E4B\u5916\u7684 script \u4F7F\u7528\u3002",paraId:51,tocIndex:10},{value:"\u90A3\u4E48\u6362\u53E5\u8BDD\u8BB2\uFF0C\u53EA\u8981\u7528\u6237\u77E5\u9053 hash \u503C\u662F\u4E0D\u662F\u5C31\u53EF\u4EE5\u4E86\u5462\uFF1F",paraId:52,tocIndex:10},{value:"\u6240\u4EE5\u6211\u4EEC\u5141\u8BB8\u7528\u6237 diy hash \u503C\uFF0C\u7528\u6237\u4E5F\u4E0D\u9700\u8981\u62C5\u5FC3\u56E0\u4E3A\u81EA\u5B9A\u4E49\u7684\u539F\u56E0\u5BFC\u81F4\u6837\u5F0F\u9694\u79BB\u5931\u6548\u2014\u2014\u6211\u4EEC\u5F88\u5BB9\u6613\u5C31\u53EF\u4EE5\u68C0\u6D4B\u51FA\u7528\u6237\u5728\u5E94\u7528\u4E2D\u4F7F\u7528\u4E86\u76F8\u540C\u7684 hash \u503C\u3002\u5982\u6B64\u4E00\u6765\u7528\u6237\u53EA\u9700\u8981\u6309\u7167 antd \u7684\u683C\u5F0F\u6765\u8986\u76D6 hashed CSS \u53D8\u91CF\u5C31\u53EF\u4EE5\u4E86\u2014\u2014\u6211\u4EEC\u53EF\u4EE5\u63D0\u4F9B\u4E00\u4E2A\u5DE5\u5382\u51FD\u6570\u6765\u5E2E\u52A9\u7528\u6237\u751F\u4EA7 CSS \u53D8\u91CF\u6837\u5F0F\u3002",paraId:53,tocIndex:10},{value:"\u4E0D\u518D\u4E3B\u52A8\u8BA1\u7B97 hash \u540E\uFF0C\u6211\u4EEC\u5FC3\u4E2D\u5192\u51FA\u4E86\u4E24\u4E2A\u95EE\u9898\uFF1A",paraId:54,tocIndex:11},{value:"hash \u5B83\u8FD8\u662F hash \u5417\uFF1F",paraId:55,tocIndex:11},{value:"\u6211\u4EEC\u8FD8\u9700\u8981\u5728\u6837\u5F0F\u4E0A\u6DFB\u52A0 hash \u5417\uFF1F",paraId:55,tocIndex:11},{value:"\u7B2C\u4E00\u4E2A\u95EE\u9898\u5176\u5B9E\u6709\u70B9\u54F2\u5B66\uFF0C\u4ECE\u53D1\u5C55\u5386\u7A0B\u6765\u8BB2\uFF0C\u5B83\u5C31\u662F hash\u3002\u4F46\u662F\u4ED6\u5DF2\u7ECF\u4E0D\u518D\u9700\u8981\u8BA1\u7B97\u4E86\uFF0C\u6240\u4EE5\u5C31\u662F\u4E00\u4E2A\u7EAF\u7CB9\u7684\u968F\u673A\u503C\u6216\u8005\u7528\u6237\u81EA\u5B9A\u4E49\u7684\u5B57\u7B26\u4E32\u3002",paraId:56,tocIndex:11},{value:"\u7B2C\u4E8C\u4E2A\u95EE\u9898\u5F88\u91CD\u8981\u3002\u5728\u6240\u6709 token \u90FD\u88AB\u66FF\u6362\u7684\u73B0\u5728\uFF0C\u4E0D\u540C\u4E3B\u9898\u4E0B\u7684\u6837\u5F0F\u5DF2\u7ECF\u4E0D\u4F1A\u518D\u6709\u4EFB\u4F55\u533A\u522B\u4E86\uFF0Chash \u8D77\u5230\u7684\u9694\u79BB\u4F5C\u7528\u4E5F\u4E0D\u518D\u91CD\u8981\u3002\u6211\u4EEC\u4ECD\u7136\u4F1A\u5728 DOM \u4E0A\u6DFB\u52A0 hash class \u4F5C\u4E3A\u4E3B\u9898\u7684 scope\uFF0C\u5B83\u4F1A\u76F4\u63A5\u5F71\u54CD\u7EC4\u4EF6\u6240\u91C7\u7528\u7684 CSS \u53D8\u91CF\u6E90\u4E8E\u4F55\u5904\u3002\u4F46\u662F\u6837\u5F0F\u5E76\u4E0D\u5173\u5FC3\u8FD9\u4E9B\uFF0C\u6240\u4EE5\u6211\u4EEC\u518D\u8FDB\u884C\u4E00\u6B21\u4F18\u5316\uFF1A",paraId:57,tocIndex:11},{value:"\u6837\u5F0F\u5C45\u7136\u53EF\u4EE5\u5355\u72EC\u5B58\u5728\u4E86\uFF01\u8FD9\u610F\u5473\u7740\u4E0D\u540C\u7684\u4E3B\u9898\u53EF\u4EE5\u5171\u7528\u540C\u4E00\u4EFD\u6837\u5F0F\u2014\u2014\u6211\u4EEC\u4E0D\u518D\u9700\u8981\u91CD\u590D\u751F\u6210\u8FD9\u4E9B\u6837\u5F0F\u4E86\u3002",paraId:58,tocIndex:11},{value:"\u5F53\u7136\u8FD8\u9700\u8981\u8003\u8651\u5FAE\u5E94\u7528\u573A\u666F\uFF0C\u4E0D\u540C\u7248\u672C\u7684 antd \u4E4B\u95F4\u867D\u7136 hash \u662F\u9694\u79BB\u7684\uFF0C\u4F46\u662F\u6837\u5F0F\u5931\u53BB\u4E86 hash \u4E4B\u540E\u4E5F\u5C31\u5931\u53BB\u4E86\u4F5C\u7528\u57DF\uFF0C\u4E0D\u540C\u7248\u672C\u7684 antd \u4F1A\u76F8\u4E92\u6C61\u67D3\uFF0C\u6240\u4EE5\u6211\u4EEC\u4ECD\u4F1A\u63D0\u4F9B\u5BF9\u5E94\u7528\u6574\u4F53\u7684\u6837\u5F0F\u6253\u4E0A hash \u7684\u80FD\u529B\u2014\u2014\u8FD9\u5C31\u662F\u5E94\u7528\u7EA7\u522B\u7684 hash\uFF0C\u4E0E\u4E3B\u9898 hash \u4E0D\u540C\uFF0C\u6574\u4E2A\u5E94\u7528\u4ECD\u7136\u53EF\u4EE5\u590D\u7528\u540C\u4E00\u4EFD\u6837\u5F0F\u3002",paraId:59,tocIndex:11}];}}]);