{"id":10006882,"date":"2022-11-22T06:04:41","date_gmt":"2022-11-21T22:04:41","guid":{"rendered":"https:\/\/ityet.com\/?p=10006882"},"modified":"2022-11-22T06:04:41","modified_gmt":"2022-11-21T22:04:41","slug":"%e5%89%8d%e7%ab%af%e9%a3%9f%e5%a0%82%e6%8a%80%e6%9c%af%e5%91%a8%e5%88%8a%e7%ac%ac-60-%e6%9c%9f%ef%bc%9atypescript-4-9%e3%80%81ant-design-5-0","status":"publish","type":"post","link":"https:\/\/itmax.cn\/?p=10006882","title":{"rendered":"\u524d\u7aef\u98df\u5802\u6280\u672f\u5468\u520a\u7b2c 60 \u671f\uff1aTypeScript 4.9\u3001Ant Design 5.0"},"content":{"rendered":"<p><strong>\u7f8e\u5473\u503c\uff1a\ud83c\udf1f\ud83c\udf1f\ud83c\udf1f\ud83c\udf1f\ud83c\udf1f<\/strong><\/p>\n<p><strong>\u53e3\u5473\uff1a\u8309\u8389\u4e4c\u9f99<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/link.segmentfault.com\/?enc=nnLVCY5OnjktAB6ZuMYYjg%3D%3D.Oc%2BtK3A2D%2B5vwdEvgKJ0eR73JS8v%2BpSiHaKiCbQ1a115faO4Wcy6qj2O%2BB2Uovyy\" rel=\"nofollow\" title=\"\u98df\u5802\u6280\u672f\u5468\u520a\u4ed3\u5e93\u5730\u5740\uff1ahttps:\/\/github.com\/Geekhyt\/weekly\">\u98df\u5802\u6280\u672f\u5468\u520a\u4ed3\u5e93\u5730\u5740\uff1ahttps:\/\/github.com\/Geekhyt\/weekly<\/a><\/li>\n<\/ul>\n<h2>\u672c\u671f\u6458\u8981<\/h2>\n<ul>\n<li>TypeScript 4.9<\/li>\n<li>Ant Design 5.0<\/li>\n<li>\u7528 vanilla-extract \u7f16\u5199\u9ad8\u6027\u80fd\u7684 CSS<\/li>\n<li>4 \u4e2a\u5fc5\u8981\u7684\u53ef\u8bbf\u95ee\u6027\u6d4b\u8bd5<\/li>\n<li>Node.js \u5b89\u5168\u6700\u4f73\u5b9e\u8df5<\/li>\n<li>TypeScript \u7684\u7c7b\u578b\u7cfb\u7edf\u4e2d\u7684\u6c47\u7f16\u89e3\u91ca\u5668<\/li>\n<\/ul>\n<p>\u5927\u5bb6\u597d\uff0c\u6211\u662f\u7ae5\u6b27\u5df4\u3002\u6b22\u8fce\u6765\u5230\u672c\u671f\u7684\u524d\u7aef\u98df\u5802\u6280\u672f\u5468\u520a\uff0c\u6211\u4eec\u5148\u6765\u770b\u4e0b\u4e0a\u5468\u7684\u6280\u672f\u8d44\u8baf\u3002<\/p>\n<h2>\u6280\u672f\u8d44\u8baf<\/h2>\n<h3>1.<a href=\"https:\/\/link.segmentfault.com\/?enc=in9O5%2BLAOl%2BbWgIfVx6VXA%3D%3D.X7GOgzIyvIdVc86TQI6jbRQfdTPBtDblSWMz3%2Fk7hKz7smHkXvJaazn7ZpH%2F%2BIpe0AbZ%2FVI4TUv%2FJG6KEesuMDRA%2Fc8dMusjO%2Feo0f7SJ%2Fw%3D\" rel=\"nofollow\">TypeScript 4.9<\/a><\/h3>\n<p>\u81ea RC \u7248\u672c\u53d1\u5e03\u4ee5\u6765\uff0cTypeScript 4.9 \u6b63\u5f0f\u7248\u6ca1\u6709\u4f5c\u51fa\u4efb\u4f55\u66f4\u6539\u3002\u5982\u679c\u4e4b\u524d\u7684\u6bcf\u671f\u5468\u520a\u4f60\u90fd\u5728\u8ffd\u66f4\u7684\u8bdd\uff0c\u60f3\u5fc5\u5bf9 TypeScript 4.9 \u7684\u65b0\u7279\u6027\u65e9\u5df2\u7ecf\u70c2\u719f\u4e8e\u5fc3\u4e86\uff0csatisfies \u771f\u9999\u3002<\/p>\n<h3>2.<a href=\"https:\/\/link.segmentfault.com\/?enc=%2FSDhjncreKOu0KwTRt2w7w%3D%3D.t8fRi%2FeUeDI8sSiSZGnEuefe17PwsfambBYlsKtLD%2FXAjDt8apbahalpetERTXpiKnvxWJGD3LW8%2FAg3u8zv9A%3D%3D\" rel=\"nofollow\">Ant Design 5.0<\/a><\/h3>\n<h4>\u8bbe\u8ba1\u5347\u7ea7<\/h4>\n<ul>\n<li>\u589e\u52a0\u4e86 4 \u7c7b\u65b0\u7ec4\u4ef6\u548c 4+ \u53d8\u4f53\u7ec4\u4ef6\uff1b<\/li>\n<li>\u7ec4\u4ef6\u9ed8\u8ba4\u6837\u5f0f\u5168\u9762\u5347\u7ea7\u3002<\/li>\n<\/ul>\n<h4>\u5168\u65b0 Design Token \u6a21\u578b<\/h4>\n<ul>\n<li>\u6539\u9020\u6240\u6709 Token\uff0c\u4f7f\u5176\u57fa\u4e8e Seed + Algorithm \u53ef\u4ee5\u6d3e\u751f\u51fa\u6240\u6709\u7684 Design Token\uff1b<\/li>\n<li>\u652f\u6301\u591a\u7b97\u6cd5 Pipeline\u3002<\/li>\n<\/ul>\n<h4>CSS-in-JS \u52a8\u6001\u4e3b\u9898<\/h4>\n<ul>\n<li>\u4e3a\u4e86\u964d\u4f4e\u7ef4\u62a4\u6210\u672c\uff0c\u9009\u62e9\u4e86 CSS-in-JS \u65b9\u6848\uff0c\u6b64\u65b9\u6848\u4e0d\u9700\u8981\u7ef4\u62a4\u4e2d\u95f4\u53d8\u91cf\uff0c\u4f46\u662f\u6709\u66f4\u591a\u7684\u8fd0\u884c\u65f6\u6d88\u8017\u3002\u4f46\u662f\u4e3a\u4e86\u4e0d\u635f\u5bb3\u7528\u6237\u4f53\u9a8c\uff0c\u7814\u53d1\u4e86\u9488\u5bf9\u7ec4\u4ef6\u7ea7\u522b\u7684 CSS-in-JS \u5e93 @ant-design\/cssinjs\uff0c\u901a\u8fc7\u727a\u7272\u52a8\u6001\u6027\u6765\u83b7\u53d6\u66f4\u9ad8\u7684\u7f13\u5b58\u6548\u7387\uff0c\u4ece\u800c\u51cf\u5c11\u8fd0\u884c\u65f6\u7684\u6027\u80fd\u635f\u8017\uff1b<\/li>\n<li>\u65b0\u7684 CSS-in-JS \u65b9\u6848\u539f\u751f\u652f\u6301 Tree Shaking\uff0c\u5728 v5 \u4f60\u4e0d\u5728\u9700\u8981\u4f7f\u7528 babel-plugin-import \u6458\u9664\u672a\u4f7f\u7528\u5230\u7684\u6837\u5f0f\u3002\u65b0\u7684\u65b9\u6848\u5c06\u81ea\u52a8\u6309\u9700\u52a0\u8f7d\u6837\u5f0f\u3002<\/li>\n<\/ul>\n<h4>\u517c\u5bb9\u6027\u8c03\u6574<\/h4>\n<ul>\n<li>Ant Design v5 \u517c\u5bb9\u6027\u8c03\u6574\u4ece IE 11 \u63d0\u5347\u81f3 Edge\uff0c\u5176\u4f59\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0d\u53d8\uff1b<\/li>\n<li>\u9ed8\u8ba4 Day.js \u4ee3\u66ff Moment.js\uff1b<\/li>\n<li>API \u975e Break \u8c03\u6574\u3001\u7ec4\u4ef6\u79fb\u9664(\u79fb\u9664 Comment\u3001PageHeader\uff0cBackTop \u5c06\u4f1a\u6210\u4e3a FloatButton \u5b50\u7ec4\u4ef6)\u3002<\/li>\n<\/ul>\n<p>\u5173\u4e8e\u5347\u7ea7\u6307\u5357\u3001\u672a\u6765\u89c4\u5212\u7b49\u5176\u4ed6\u8be6\u7ec6\u5185\u5bb9\u8bf7\u79fb\u6b65\u53d1\u5e03\u516c\u544a\u9605\u8bfb\u3002<\/p>\n<p>\u4e0b\u9762\u6211\u4eec\u6765\u770b\u6280\u672f\u8d44\u6599\u3002<\/p>\n<h2>\u6280\u672f\u8d44\u6599<\/h2>\n<h3>1.<a href=\"https:\/\/link.segmentfault.com\/?enc=g4r0WRqhQNInAaJOgK7scg%3D%3D.PIzq175WR4%2F%2FlQK7RkmwvgRU8Ew7obEr2Ezxd%2FyI1l%2F4KfLlWxjHHvHgFT7K7Aq0g7gHxkXoDnXzfW35NkD5VqykMis46G4EMiP8lFmRdCY%3D\" rel=\"nofollow\">\u7528 vanilla-extract \u7f16\u5199\u9ad8\u6027\u80fd\u7684 CSS<\/a><\/h3>\n<p>\u4e00\u7bc7 vanilla-extract \u5165\u95e8\u6307\u5357\u7684\u957f\u6587\u3002<\/p>\n<h3>2.<a href=\"https:\/\/link.segmentfault.com\/?enc=BLunVMQsoHE2UFmcBmeUiA%3D%3D.POqgGIo2OYuMW4%2FFO72H9y0HdVs1Y5CeYYKmFj2NQiVRaBF3T1MAJDM%2Fw44Yg0bw65uaAEqKzOJNjearBhvLzHtMKSrBIW91Wy%2B3UXNGBnR1bbda%2BI%2BBue9Z%2FpsrDmxT\" rel=\"nofollow\">4 \u4e2a\u5fc5\u8981\u7684\u53ef\u8bbf\u95ee\u6027\u6d4b\u8bd5<\/a><\/h3>\n<p>\u6587\u7ae0\u4e2d\u63d0\u51fa\u7684\u6d4b\u8bd5\u5305\u62ec\u989c\u8272\u5bf9\u6bd4\u5ea6\u3001\u4e92\u52a8\u5143\u7d20\u989c\u8272\u5bf9\u6bd4\u3001\u952e\u76d8\u4e92\u52a8\u4ee5\u53ca\u7126\u70b9\u7684\u53ef\u8bbf\u95ee\u6027\u3002<\/p>\n<h3>3.<a href=\"https:\/\/link.segmentfault.com\/?enc=9OEIqkN%2BpKWqeWrf4lndKA%3D%3D.TVHPAJG7l7av8Rdwn4us7A%2Fk4OxC4rOtYB9bJ8gSiCM6XUk23s%2B6a4GpFnd4hoai\" rel=\"nofollow\">Node.js \u5b89\u5168\u6700\u4f73\u5b9e\u8df5<\/a><\/h3>\n<p>Node.js \u5b98\u65b9\u56e2\u961f\u53d1\u5e03\u7684\u4e00\u7bc7\u5173\u4e8e\u5b89\u5168\u6700\u4f73\u5b9e\u8df5\u7684\u535a\u6587\u3002<\/p>\n<h3>4.<a href=\"https:\/\/link.segmentfault.com\/?enc=XPxm20Yb6EeTHhBUkxNSww%3D%3D.zFi82tUa2TWvpRO6%2BuEDHFAmXu1rErPoggjEWe1eru6yTQgzbID9TyMJDmLSQsRzQM%2B8TPBpMdztkmNRgsuRUJiig%2FRY8AiParv5DmD4v%2Fc%3D\" rel=\"nofollow\">TypeScript \u7684\u7c7b\u578b\u7cfb\u7edf\u4e2d\u7684\u6c47\u7f16\u89e3\u91ca\u5668<\/a><\/h3>\n<p>\u7ee7\u7eed\u6574\u6d3b\u513f\uff0cTypeScript \u7684\u7c7b\u578b\u7cfb\u7edf\u662f\u201c\u4e07\u80fd\u7684\u201d\u3002<\/p>\n<h2>\u5176\u4ed6\u4fe1\u606f<\/h2>\n<ul>\n<li><a href=\"https:\/\/link.segmentfault.com\/?enc=5A95JYi4t%2FoydOTXtUhesg%3D%3D.4%2FIUq1A3bFue0J8jrQbpOnO2XAMdPgf6Vx7Ijt1BrDE%3D\" rel=\"nofollow\">Deno 1.28<\/a><\/li>\n<li><a href=\"https:\/\/link.segmentfault.com\/?enc=RYz6gH3tGgd2waZGxe3pYw%3D%3D.5%2BvgFBF2%2BVR9vxP9KSs3HwEsnZ%2Boua7VHbZ6u0pY1XY%3D\" rel=\"nofollow\">Nuxt 3.0 stable<\/a><\/li>\n<li><a href=\"https:\/\/link.segmentfault.com\/?enc=ZcxZNGimPEUrtVfwyj%2BXEg%3D%3D.o0MAPv%2B6j8POywsHFgDWSOafkkRSwIFZ2TYI5yCjCMVp5%2FXMIMwgbDs7xoL2PfEJ\" rel=\"nofollow\">dumi 2.0<\/a><\/li>\n<li><a href=\"https:\/\/link.segmentfault.com\/?enc=Y3k9QwvpJP0S5yQtjRd%2BCQ%3D%3D.ZyBIlUXWZl8GWHhyB%2B%2FFijNKKjGdJWXXL57z9zxR0Xq49yzXLJQp%2BoX4xBgZ9wyF\" rel=\"nofollow\">Node v19.1.0 (Current) <\/a><\/li>\n<\/ul>\n<h2>\u597d\u6587\u63a8\u8350<\/h2>\n<p>\u4e0b\u9762\u6765\u770b\u4e00\u4e0b\u597d\u6587\u63a8\u8350\uff0c\u672c\u5468\u63a8\u8350\u7684\u597d\u6587\u662f\uff1a<\/p>\n<ol>\n<li><a href=\"https:\/\/link.segmentfault.com\/?enc=vF2ZhCDeO%2Bi1ggQQiEEiUA%3D%3D.SY6jQvOqY73OWgeSO9v4lV9avAYQ%2BeYhFFNZ77zLul9LEww57mfEbTgMtC7cI3IljffwkleFT0aPdfychlPgKg%3D%3D\" rel=\"nofollow\">\u57fa\u4e8e Sentry \u9ad8\u6548\u6cbb\u7406\u524d\u7aef\u5f02\u5e38 <\/a><\/li>\n<li><a href=\"https:\/\/link.segmentfault.com\/?enc=C5LXhFPEeIIx9cR7DE9g%2Bw%3D%3D.dXnSIqq6OkNlQZ7SBBKZDKgl%2BmZWbZfh9772yFGuOi2RRkpH03hfKhQUwGgKy%2BNlzbOYqaQ%2BEo31EpmLhAQzbg%3D%3D\" rel=\"nofollow\">React \u4e2d\u7684\u91cd\u65b0\u6e32\u67d3<\/a><\/li>\n<\/ol>\n<p>\u597d\u4e86\uff0c\u4ee5\u4e0a\u5c31\u662f\u672c\u671f\u7684\u98df\u5802\u5468\u520a\uff0c\u89c2\u4f17\u8001\u7237\u4eec\u5982\u679c\u89c9\u5f97\u8fd8\u4e0d\u9519\uff0c\u4e00\u952e\u4e09\u8fde\u662f\u5bf9\u98df\u5802\u8001\u677f\u6700\u5927\u7684\u652f\u6301\u3002<\/p>\n<p>\u4f60\u7684\u524d\u7aef\u98df\u5802\uff0c\u5403\u597d\u6bcf\u4e00\u987f\u996d\uff0c\u6211\u4eec\u4e0b\u671f\u89c1\u3002<\/p>\n<p><a href=\"https:\/\/segmentfault.com\/a\/1190000042858382\">https:\/\/segmentfault.com\/a\/1190000042858382<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7f8e\u5473\u503c\uff1a\ud83c\udf1f\ud83c\udf1f\ud83c\udf1f\ud83c\udf1f\ud83c\udf1f \u53e3\u5473\uff1a\u8309\u8389\u4e4c\u9f99 \u98df\u5802\u6280\u672f\u5468\u520a\u4ed3\u5e93\u5730\u5740\uff1ahttps:\/\/github.com\/Geekhyt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-10006882","post","type-post","status-publish","format-standard","hentry","category-share"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts\/10006882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10006882"}],"version-history":[{"count":0,"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts\/10006882\/revisions"}],"wp:attachment":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10006882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10006882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10006882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}