[{"_1":2,"_240":-5,"_241":-5},"loaderData",{"_3":4,"_8":9},"root",{"_5":6,"_7":-5},"lang","en","theme","routes/posts.$postId",{"_10":11,"_81":82,"_89":90,"_239":24},"post",{"_12":13,"_14":15,"_5":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":24,"_26":27,"_28":27,"_29":30,"_31":32,"_60":61,"_53":70,"_77":78,"_79":24,"_80":24},"id","314708702637174784","fromId","314705125327876096","zh","title","WEB3 開發","content","10 website helps you to learn Web3 Development ↓\n\n| ♦︎ cryptozombies. io |\n| ------------------------------ |\n| ♦︎ buildspace .so |\n| ♦︎ questbookapp .xyz |\n| ♦︎ nftschool. dev |\n| ♦︎ remix.ethereum. org |\n| ♦︎ ethernaut.openzeppelin. com |\n| ♦︎ startonsolana. com |\n| ♦︎ solanacookbook. com |\n| ♦︎ useweb3. xyz |","ranks","1652843131309","deleted",false,"blocked","createdAt",1652840401695,"updatedAt","deletedAt",0,"from",{"_12":15,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":51,"_28":52,"_53":54},"nickname","少爺","username","wx_BF4OpOQpsAA","bio","","avatar","u/avatar/0YOA5y-KKN8xan","cover","u/cover/0","gender","OTHER","website","location","birthday","verified","status","NORMAL",1652839548816,1652839856759,"metrics",{"_55":15,"_56":57,"_58":30,"_59":30},"userId","postCount",2,"followersCount","followingCount","tags",[62],{"_12":63,"_64":65,"_66":38,"_67":38,"_26":68,"_69":-5},"225054540024860672","tagName","web3.js","image","excerpt",1631465183653,"synonyms",{"_71":13,"_72":30,"_73":30,"_74":30,"_75":76},"postId","likeCount","commentCount","favoriteCount","impressionCount",73,"activeUsers",[],"liked","favorited","commentPage",{"_83":84,"_85":86},"data",[],"paging",{"_87":88},"next","MA==","recentPostPage",{"_83":91,"_85":235},[92,125,137,149,179,195,207],{"_12":93,"_14":94,"_5":16,"_17":95,"_19":96,"_21":97,"_23":24,"_25":24,"_26":98,"_28":98,"_29":30,"_31":99,"_60":109,"_53":110,"_77":112,"_79":24,"_80":24},"702542604187013120","208683750639947776","中文互联网病了","国内的互联网生态怎么了？一个个都拿着手机APP刷抖音。用户完全被几个大型APP圈养了。这么好的网站都没人气。","1745309191720",1745307209445,{"_12":94,"_33":100,"_35":101,"_37":38,"_39":102,"_41":103,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":104,"_28":105,"_53":106},"0","wx_AuVkw/tKUAA","u/avatar/M5VyGE-ov8X1XV","u/cover/Va7VN6-NoQZvD7",1627562083309,1682236493795,{"_55":94,"_56":107,"_58":108,"_59":108},7,1,[],{"_71":93,"_72":30,"_73":57,"_74":30,"_75":111},70,[113,115],{"_12":94,"_33":100,"_35":101,"_37":38,"_39":102,"_41":103,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":104,"_28":105,"_53":114},{"_55":94,"_56":107,"_58":108,"_59":108},{"_12":116,"_33":117,"_35":118,"_37":38,"_39":119,"_41":42,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":120,"_28":121,"_53":122},"321421389635678208","KHHEW","gh_BHXrDQhycAA","u/avatar/mq0QKw-m8AnBa",1654440831009,1654441156027,{"_55":116,"_56":123,"_58":57,"_59":124},29,8,{"_12":126,"_14":94,"_5":16,"_17":127,"_19":128,"_21":129,"_23":24,"_25":24,"_26":130,"_28":130,"_29":30,"_31":131,"_60":133,"_53":134,"_77":136,"_79":24,"_80":24},"695986889263747072","哪里出了问题？","![](https://content.hackertalk.net/images/55438178-0503-4be9-a717-4634b6652b02)\n\n\n![](https://content.hackertalk.net/images/39d03e32-efc3-4d01-85be-5be83216a60c)","1743745548032",1743744205208,{"_12":94,"_33":100,"_35":101,"_37":38,"_39":102,"_41":103,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":104,"_28":105,"_53":132},{"_55":94,"_56":107,"_58":108,"_59":108},[],{"_71":126,"_72":30,"_73":30,"_74":30,"_75":135},68,[],{"_12":138,"_14":94,"_5":16,"_17":139,"_19":140,"_21":141,"_23":24,"_25":24,"_26":142,"_28":142,"_29":30,"_31":143,"_60":145,"_53":146,"_77":148,"_79":24,"_80":24},"695329614723354624","来https://nbnn.net分享见解","我花一周做了一个网站，欢迎大家来这里交流。\n\n来https://nbnn.net分享见解\n\n![](https://content.hackertalk.net/images/3c4175d4-b1c4-4fc2-a2ff-aa4a7e85dda3)","1743589421678",1743587498746,{"_12":94,"_33":100,"_35":101,"_37":38,"_39":102,"_41":103,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":104,"_28":105,"_53":144},{"_55":94,"_56":107,"_58":108,"_59":108},[],{"_71":138,"_72":30,"_73":30,"_74":30,"_75":147},97,[],{"_12":150,"_14":94,"_5":16,"_17":151,"_19":152,"_21":153,"_23":24,"_25":24,"_26":154,"_28":154,"_29":30,"_31":155,"_60":157,"_53":158,"_77":161,"_79":24,"_80":24},"692789745509797888","类似黑客说支持pc断和移动端的富文本编辑器","我在做一个分享观点的公益网站，找不到合适的富文本编辑器。能推荐一个简易的富文本编辑器吗","1742985495817",1742981946735,{"_12":94,"_33":100,"_35":101,"_37":38,"_39":102,"_41":103,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":104,"_28":105,"_53":156},{"_55":94,"_56":107,"_58":108,"_59":108},[],{"_71":150,"_72":30,"_73":159,"_74":30,"_75":160},3,134,[162,177],{"_12":163,"_33":164,"_35":165,"_37":166,"_39":167,"_41":168,"_43":169,"_45":170,"_46":38,"_47":38,"_48":24,"_49":50,"_26":171,"_28":172,"_53":173},"186247014399643648","HD Superman","gh_ApWurD3EkAA","Across the Great Wall, we can reach every corner in the world.","users/-/avatars/9e7367b0-cb94-49e2-beeb-45a6be4fc573","u/cover/Ldmdj0-waYxX1D","MALE","https://github.com/hdsuperman",1622212748535,1685699377743,{"_55":163,"_56":174,"_58":175,"_59":176},121,397,59,{"_12":94,"_33":100,"_35":101,"_37":38,"_39":102,"_41":103,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":104,"_28":105,"_53":178},{"_55":94,"_56":107,"_58":108,"_59":108},{"_12":180,"_14":116,"_5":16,"_17":181,"_19":182,"_21":183,"_23":24,"_25":24,"_26":184,"_28":184,"_29":30,"_31":185,"_60":187,"_53":188,"_77":190,"_79":24,"_80":24},"692725494468382720","大厂APP技术栈","请问下，大厂的APP用的是原生技术还是react native还是flutter呢？比如b站、知乎、小红书、tiktok这种。","1742968849704",1742966628094,{"_12":116,"_33":117,"_35":118,"_37":38,"_39":119,"_41":42,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":120,"_28":121,"_53":186},{"_55":116,"_56":123,"_58":57,"_59":124},[],{"_71":180,"_72":30,"_73":57,"_74":30,"_75":189},82,[191,193],{"_12":163,"_33":164,"_35":165,"_37":166,"_39":167,"_41":168,"_43":169,"_45":170,"_46":38,"_47":38,"_48":24,"_49":50,"_26":171,"_28":172,"_53":192},{"_55":163,"_56":174,"_58":175,"_59":176},{"_12":116,"_33":117,"_35":118,"_37":38,"_39":119,"_41":42,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":120,"_28":121,"_53":194},{"_55":116,"_56":123,"_58":57,"_59":124},{"_12":196,"_14":163,"_5":16,"_17":197,"_19":198,"_21":199,"_23":24,"_25":24,"_26":200,"_28":200,"_29":30,"_31":201,"_60":203,"_53":204,"_77":206,"_79":24,"_80":24},"692691685890920448","一个 Typescript 技巧提取字符串模板中的变量，实现注入类型安全","比如欢迎语：\n\n```ts\nconst text = `hello, {name}! Welcome to {website}!`; \n```\n\n提取出占位变量 name 和 website，方便注入。\n可以使用 Typescript 的类型迭代 + infer：\n\n```ts\ntype ExtractPlaceholders =\n T extends `${string}{${infer Placeholder}}${infer Rest}`\n ? Placeholder | ExtractPlaceholders\n : never;\n```\n\n上面利用首次 infer 得到第一个结果 Placeholder 和后续的字付串 Rest，对 Rest 进行迭代就得到全部的 Placeholder。具体使用 ⬇️\n\n```ts\nconst text = `hello, {name}! Welcome to {website}!`;\ntype Placeholders = ExtractPlaceholders;\ntype Params = Record;\n\nconst params: Params = { name: 'HD_Superman', website: 'HackerTalk.net' };\n```\n\n这样 params 就类型安全了，如果字符串模板改变，Params 会自动改变，提示报错。","1742960109713",1742958567456,{"_12":163,"_33":164,"_35":165,"_37":166,"_39":167,"_41":168,"_43":169,"_45":170,"_46":38,"_47":38,"_48":24,"_49":50,"_26":171,"_28":172,"_53":202},{"_55":163,"_56":174,"_58":175,"_59":176},[],{"_71":196,"_72":108,"_73":30,"_74":30,"_75":205},78,[],{"_12":208,"_14":163,"_5":16,"_17":209,"_19":210,"_21":211,"_23":24,"_25":24,"_26":212,"_28":212,"_29":30,"_31":213,"_60":215,"_53":230,"_77":232,"_79":24,"_80":24},"688374539115368448","开源 HackerTalk 编辑器 emoji 的渲染库","在重构编辑器，魔改 Markdown 的 AST，其中一部分是自定义 emoji 渲染，支持换成 google/twitter/facebook 的 emoji，这部份比较通用，写一个 remark 库发布出来。\n\n[remark-gfm-emoji](https://github.com/hackertalk/remark-gfm-emoji) \n\n有 react-markdown 的例子，可以自定义 emoji 组件：\n\nemoji.tsx\n\n```tsx\nimport clsx from 'clsx';\nimport * as emoji from 'node-emoji';\nimport type { ReactNode } from 'react';\n\ntype EmojiProps = {\n className?: string;\n children: string;\n};\n\nexport type EmojiComponents = {\n emoji: (props: EmojiProps) => ReactNode;\n};\n\nexport function Emoji({ children, className = 'size-5' }: EmojiProps) {\n const value = emoji.get(text) ?? '💔';\n return {value};\n}\n```\n\nmarkdown.tsx\n\n```tsx\nimport { memo } from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport Emoji, { EmojiComponents } from './emoji';\n\nconst components: Partial = {\n emoji: Emoji,\n // other components...\n};\n\nconst Markdown = ({ children, className }: { children: string; className?: string }) => {\n const { theme } = useTheme();\n return (\n

\n \n {children}\n \n

\n );\n};\n\nexport default memo(Markdown, (prev, next) => prev.children === next.children);\n```\n\n","1741931986826",1741929279500,{"_12":163,"_33":164,"_35":165,"_37":166,"_39":167,"_41":168,"_43":169,"_45":170,"_46":38,"_47":38,"_48":24,"_49":50,"_26":171,"_28":172,"_53":214},{"_55":163,"_56":174,"_58":175,"_59":176},[216,220,224],{"_12":217,"_64":218,"_66":38,"_67":38,"_26":219,"_69":-5},"223831259095511040","hackertalk",1631173530752,{"_12":221,"_64":222,"_66":38,"_67":38,"_26":223,"_69":-5},"223454822580588544","editor",1631083781293,{"_12":225,"_64":226,"_66":227,"_67":228,"_26":229,"_69":-5},"223397041005621248","markdown","tag/markdown.svg","一种轻量级标记语言，许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档，具有轻量化、易读易写的特点，支持图片、图表、数学公式",1631070005092,{"_71":208,"_72":108,"_73":108,"_74":30,"_75":231},122,[233],{"_12":94,"_33":100,"_35":101,"_37":38,"_39":102,"_41":103,"_43":44,"_45":38,"_46":38,"_47":38,"_48":24,"_49":50,"_26":104,"_28":105,"_53":234},{"_55":94,"_56":107,"_58":108,"_59":108},{"_87":236,"_237":238},"Njg4Mzc0NTM5MTE1MzY4NDQ4","prev","NzAyNTQyNjA0MTg3MDEzMTIw","cacheHit","actionData","errors"]