Now vibe coding, so learning hammer FE ?https://channel.meo-ai.comhttps://channel.meo-ai.com/posts/677https://channel.meo-ai.com/posts/677Sat, 18 Jul 2026 15:24:57 GMT<span class="post-title-source">《200毫秒：一次HTTP请求的完整旅程》</span><br /><br />标签：<a href="/search/result?q=%23%E5%90%8E%E7%AB%AF" title="#后端">#后端</a> <a href="/search/result?q=%23NodeJS" title="#NodeJS">#NodeJS</a> <a href="/search/result?q=%23%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE" title="#网络协议">#网络协议</a> <a href="/search/result?q=%23TCP" title="#TCP">#TCP</a> <a href="/search/result?q=%23TLS" title="#TLS">#TLS</a> <a href="/search/result?q=%23DNS" title="#DNS">#DNS</a> <a href="/search/result?q=%23HTTP" title="#HTTP">#HTTP</a> <a href="/search/result?q=%23Postgres" title="#Postgres">#Postgres</a> <a href="/search/result?q=%23Linux%E5%86%85%E6%A0%B8" title="#Linux内核">#Linux内核</a> <a href="/search/result?q=%23Web%E6%80%A7%E8%83%BD" title="#Web性能">#Web性能</a><br /><br />总结：<br /><br />这是一个交互式可视化网站，以旧金山咖啡店一次点击购买为起点，逐帧追踪HTTP请求在211.4毫秒内穿越北美大陆的完整生命周期。从触摸板电容变化到屏幕像素刷新，文章以精确的时间轴拆解了硬件中断、浏览器事件循环、DNS解析、TCP/TLS握手、内核网络栈、Node.js事件循环、Postgres事务提交、光纤传输、Wi-Fi重传、GPU渲染等每个环节，揭示了"冷启动"请求中60%时间消耗在握手、35%在传输、而服务器实际计算仅占1.4%的惊人事实。<br /><br />文章要点：<br /><br />1. 一次点击触发7层软件栈（触摸板→HID→窗口服务器→Chrome→渲染器→JavaScript→fetch）才发出第一个字节，而电容变化到网络请求离开仅需5毫秒<br />2. DNS查询通过UDP在2毫秒内完成，依赖Anycast路由将请求导向最近的解析器；TLS 1.3将握手从2个RTT压缩到1个，但仍需127毫秒建立加密隧道<br />3. 4,700公里光纤需6次穿越大陆，每次31毫秒；Wi-Fi碰撞重传仅需1.2毫秒，却足以容纳整个Postgres查询往返（0.35毫秒）<br />4. 服务器端50微秒内完成从网卡DMA→NAPI轮询→TCP重组→epoll唤醒→Node.js读取→TLS解密→HTTP解析→路由到handler的全流程<br />5. Postgres通过连接池、预编译语句和WAL组提交将INSERT优化至2.1毫秒，fsync强制刷盘是唯一的同步阻塞点<br />6. 响应返回后，Chrome还需经历kqueue唤醒、TLS解密、React重渲染、样式计算、布局、绘制、合成，最终等待4.4毫秒VSync才显示"Order confirmed"<br />7. 第二次"热请求"可复用TCP连接和TLS会话票证，将耗时从211毫秒降至约95毫秒，节省的116毫秒全是首次建立的连接成本<br /><br />URL：<a href="https://200ms.thenodebook.com/" target="_blank" rel="noopener" title="https://200ms.thenodebook.com/">https://200ms.thenodebook.com/</a><a class="tgme_widget_message_link_preview" href="https://200ms.thenodebook.com/" target="_blank" rel="noopener" title="A single HTTP request, traced in real time through DNS, TCP, TLS, the kernel, Node's event loop, and Postgres — then back to the pixel. Scroll distance equals time."> <div class="link_preview_site_name accent_color">The Nodebook</div> <img class="link_preview_image" alt="200 Milliseconds — the complete life of one HTTP request, visualized" src="/static/https://cdn4.telesco.pe/file/t14I1JhXbyzPs7gW4Yn8zJrTsax5z-Qb3M9gn0ONO53sIhEFWNIdP7_FhiW_o9ERCu-nSn5dK1SLk_9hkMfrB9pv93oWF6rcqg4vWWyrZ-HqQ3QZLy9hSlzkaqJxBenvOvKXT3Ew3A8HJnaEG7XJDmFA6OMVe5KIeM9Xw0nQNXUyRqCkYsGcmEopxeUxp6vBfTOe-9vyA9HG1JaewSc0SD7AsIHV9gpUaBjXqHvPTxfe457Yh3t_UK7DFhn9O9rZwEc8u3MMzQsQOBHZNMEdH0bAF8QztT4BkTRcLD8x-YzCWrTadmhslK12wNVgsmPJ_HQ3RceRazGqAGbaYdT-7w.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">200 Milliseconds — the complete life of one HTTP request, visualized</div> <div class="link_preview_description">A single HTTP request, traced in real time through DNS, TCP, TLS, the kernel, Node's event loop, and Postgres — then back to the pixel. Scroll distance equals time.</div> </a>https://channel.meo-ai.com/posts/439https://channel.meo-ai.com/posts/439Mon, 25 Aug 2025 02:10:38 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> <br /><br /><a href="https://e-mail.wtf/" target="_blank" rel="noopener" title="https://e-mail.wtf/">https://e-mail.wtf/</a><a class="tgme_widget_message_link_preview" href="https://e-mail.wtf/" target="_blank" rel="noopener" title="Everyone knows what an email address is, right?"> <div class="link_preview_site_name accent_color">e-mail.wtf</div> <img class="link_preview_image" alt="Email is Easy" src="/static/https://cdn4.telesco.pe/file/f4prZeepzcz_lWra-6_HMRFJ2G7x28ko4wlv7Gdd_IinERtXXBZLloTTfxAG3ZAAsFtNBf-pyNOK8PrD_EAXYmrkCf_lwYTzXMWoI6UAeO1H09bbavtOEmhnVJqypfNd96CK-6EboQAyRsdGzHx4W-qLMCyUh_1cKqqM3SbBbTogZd01X1dRzVg-Ldu6BlM7M7rG_37Y1JJe_-2P5r_G2pkBe9_OtYy0LbnR-v8Uf-rxWjEty5lCIOHMWuZ0n5eHWnyYyIgf5pDr1C_iTnKhkrxqj4Sv33KIH_2aVHpIBdvkaO8CwKu7EwEQnn7saVsHx_OEhFnEVynnTnnV1Vl7CA.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Email is Easy</div> <div class="link_preview_description">Everyone knows what an email address is, right?</div> </a>https://channel.meo-ai.com/posts/332https://channel.meo-ai.com/posts/332Mon, 28 Apr 2025 03:08:35 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> 工具模板<br /><br /><a href="https://github.com/smashing-team/smashing.tools" target="_blank" rel="noopener" title="https://github.com/smashing-team/smashing.tools">https://github.com/smashing-team/smashing.tools</a><a class="tgme_widget_message_link_preview" href="https://github.com/smashing-team/smashing.tools" target="_blank" rel="noopener" title="A curated collection of the best starter kits, UI components, design kits, AI &amp; Dev tools. - smashing-team/smashing.tools"> <div class="link_preview_site_name accent_color">GitHub</div> <img class="link_preview_image" alt="GitHub - smashing-team/smashing.tools: A curated collection of the best starter kits, UI components, design kits, AI &amp; Dev tools." src="/static/https://cdn4.telesco.pe/file/Q0CqL0xOhIaMsVstEuLd1zctNky-UOskiABhu6RNZ4S383NxdpNlCTbfGt5qo0XB-xwLoO9TwyRNPO9_cFfHTj25i0C6WGF4o01GX3VYV14XLAjuIqummZ-CQyrVh2g2RA0ffL_e-eFH-jiqQYKeIGWuMkvFY9HotmW8xrBI4_J7fdrwTA7xMhmBmcd3MlwNQJHY0iXioQaW_PH_rpfCcfIErQbuURSz0W6sEQW0Uxwo0-pAvnRBfuP_qoFyqJuzwXNtRXbyR1TWJRoHic4HQjHHY3Y1jq_q4cxY2bH7Vi4pIGdBXN3zcqdGDfdPYwlPaElKUyRMrf5c7oENRU2o6w.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">GitHub - smashing-team/smashing.tools: A curated collection of the best starter kits, UI components, design kits, AI &amp; Dev tools.</div> <div class="link_preview_description">A curated collection of the best starter kits, UI components, design kits, AI &amp; Dev tools. - smashing-team/smashing.tools</div> </a>https://channel.meo-ai.com/posts/321https://channel.meo-ai.com/posts/321Fri, 18 Apr 2025 11:03:33 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> 《探索 TypeScript：TS 5.8 版本》<br /><br /><a href="https://exploringjs.com/ts/" target="_blank" rel="noopener" title="https://exploringjs.com/ts/">https://exploringjs.com/ts/</a>https://channel.meo-ai.com/posts/270https://channel.meo-ai.com/posts/270Fri, 14 Mar 2025 00:50:09 GMT<a href="/search/result?q=%23%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7" title="#开发工具">#开发工具</a> <a href="/search/result?q=%23%E7%BD%91%E9%A1%B5%E5%B7%A5%E5%85%B7" title="#网页工具">#网页工具</a> 一键复制任何网站<br /><br /><a href="https://same.dev/" target="_blank" rel="noopener" title="https://same.dev/">https://same.dev/</a>https://channel.meo-ai.com/posts/183https://channel.meo-ai.com/posts/183Thu, 16 Jan 2025 06:08:10 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> 前端 JS 生态系统 2024 趋势榜<br /><br /><a href="https://risingstars.js.org/2024/zh" target="_blank" rel="noopener" title="https://risingstars.js.org/2024/zh">https://risingstars.js.org/2024/zh</a><a class="tgme_widget_message_link_preview" href="https://risingstars.js.org/2024/zh" target="_blank" rel="noopener" title="2024 年 JavaScript 前景概述：有关前端、全栈和 Node.js 框架、React 和 Vue.js 生态系统、构建工具、状态管理的趋势……"> <div class="link_preview_site_name accent_color">risingstars.js.org</div> <img class="link_preview_image" alt="2024年 JavaScript 明星项目" src="/static/https://cdn4.telesco.pe/file/lmQ1Qo0tCScpAEYJ8Gwbl3X-AKZS4yotRnkKORNJHiYhprw0l_jiHgZQUj-KEGrfGc1H89lA76TTDogRIIMYVRwfuEPyKMnl6VZu0J1Oq-99IfGdo9Ev-Gzw-fnHa4jMob8sSLWu-vCointHHHNi7UJU-3sfE2K8hryU_u51gqfIDwxxVEFkusIO_ohpl_WphTUxRFjbEX8e0Q6DefM_UoP_mZNRcrX53mbqECzjWQxt3hZ2IBIWWJNn6GabEu_PcWrt3w--vEGFMo16WbyqWMdAEx9i8QUPomiSeZd7uHKhCLbXbpAMkEyW_x4Hq63ZAhgwFfaBj2IpRBjm-isjcA.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">2024年 JavaScript 明星项目</div> <div class="link_preview_description">2024 年 JavaScript 前景概述：有关前端、全栈和 Node.js 框架、React 和 Vue.js 生态系统、构建工具、状态管理的趋势……</div> </a>https://channel.meo-ai.com/posts/174https://channel.meo-ai.com/posts/174Mon, 13 Jan 2025 02:32:55 GMT<a class="tgme_widget_message_reply user-color-default" href="/posts/172"><blockquote><small> <div class="tgme_widget_message_author accent_color"> <span class="tgme_widget_message_author_name">锤子前端</span> </div> <div class="tgme_widget_message_text js-message_reply_text">#开发工具 css变量编辑器，支持shadcn和daisyUI。 https://www.cssvariables.com/</div> </small></blockquote></a><a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> tailwindcss 团队出品的《Refactoring UI》<br /><br /><a href="https://www.refactoringui.com/#get-refactoring-ui" target="_blank" rel="noopener" title="https://www.refactoringui.com/#get-refactoring-ui">https://www.refactoringui.com/#get-refactoring-ui</a>https://channel.meo-ai.com/posts/165https://channel.meo-ai.com/posts/165Fri, 10 Jan 2025 07:52:51 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> 程序员的浪漫，一个程序员的人生 changelog<br /><br />链接：<a href="https://ned.im/" target="_blank" rel="noopener" title="https://ned.im/">https://ned.im/</a>https://channel.meo-ai.com/posts/133https://channel.meo-ai.com/posts/133Mon, 23 Dec 2024 14:52:52 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> 前端调查报告，react生态还是第一，vue和angular 开始持平了。<br /><br /><a href="https://2024.stateofjs.com/zh-Hans/" target="_blank" rel="noopener" title="https://2024.stateofjs.com/zh-Hans/">https://2024.stateofjs.com/zh-Hans/</a><a class="tgme_widget_message_link_preview" href="https://2024.stateofjs.com/zh-Hans" target="_blank" rel="noopener" title="2024 年度 JavaScript 生态系统最新趋势调查报告。"> <div class="link_preview_site_name accent_color">Stateofjs</div> <img class="link_preview_image" alt="State of JavaScript 2024" src="/static/https://cdn4.telesco.pe/file/F9rfDBtkS6nwlGJA2CH3otdKV1Rn3kUxI49EOhZUJymIAFNBEyedN_WFcNXu0caZkmxh76cxnTsgzba1MszJIRY3LStyTgIPOAE5ZEWEzT1hIiMbjzat0OVKX0GJZSJZO5JXT8FCu151xdx_bmJLPWRP1F2Le_sEXfyjfhef_IyVFsHLHnS4ngnF7wJHLk7chj13KCmsh9jMTqUsWtUFaSasv6FhKXOqIB-k0YIZssnYsEcayUEidwZMcIytkooTeCb5lK4CRkFPHWbLe3KEc5uv5u3YQ3tQqzyoxwQLrAF6Y8k-tED4WFBHSJR-rdQkxilHFMU4qZdl63tFeqxl3g.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">State of JavaScript 2024</div> <div class="link_preview_description">2024 年度 JavaScript 生态系统最新趋势调查报告。</div> </a>https://channel.meo-ai.com/posts/111https://channel.meo-ai.com/posts/111Wed, 11 Dec 2024 00:45:24 GMT<a href="/search/result?q=%23TS" title="#TS">#TS</a> <a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> <a href="https://www.adventofts.com/" target="_blank" rel="noopener" title="披荆斩棘之 TS">披荆斩棘之 TS</a><a class="tgme_widget_message_link_preview" href="https://adventofts.com/" target="_blank" rel="noopener" title="Advent of TypeScript is a month-long event running from December 1 to Christmas, featuring daily TypeScript challenges. Participants can test their skills, climb the leaderboard, and engage with the TypeScript community"> <div class="link_preview_site_name accent_color">Adventofts</div> <img class="link_preview_image" alt="Advent of TypeScript" src="/static/https://cdn4.telesco.pe/file/FwNFVKvITuBYFB7TfnhDfG6XW-rboc3o2Z7hXomBcL2DBMX-DzmWL7rI6Chg177DU29VZYt4d_7fn2k7JsraibZ1nA7Hg7UM4G5JjRign-j55tjfe4661lh65DMI_ZEr44wRu2sARY1fsdlsZtwm5A2vnBGK15eChsfnBbG-WJMd_ElJ-g1-1_VQK29HvbKfQtURr3vZ6qHKjop-90TzwQl_x-MzHmk3EmSL43QOqdxwAit_rSJA67M6O-S01L5pCAC4-dpJn-HAZlSCbfPtnNtIcxlWp-PvgOTVG31lOCL_mG10BNDBdqQE8GQ32rPftFdDVmvFGjlO5iSiT9K2Dg.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Advent of TypeScript</div> <div class="link_preview_description">Advent of TypeScript is a month-long event running from December 1 to Christmas, featuring daily TypeScript challenges. Participants can test their skills, climb the leaderboard, and engage with the TypeScript community</div> </a>https://channel.meo-ai.com/posts/103https://channel.meo-ai.com/posts/103Thu, 05 Dec 2024 15:09:34 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> 现代数据技术栈<br /><br /><a href="https://www.moderndatastack.xyz/" target="_blank" rel="noopener" title="https://www.moderndatastack.xyz/">https://www.moderndatastack.xyz/</a><a class="tgme_widget_message_link_preview" href="https://moderndatastack.xyz/" target="_blank" rel="noopener" title="Resources and tools to help you build and operate a Modern Data Stack"> <div class="link_preview_site_name accent_color">www.moderndatastack.xyz</div> <img class="link_preview_image" alt="Modern Data Stack - Everything that you need to know ! | Modern Data Stack" src="/static/https://cdn4.telesco.pe/file/iite7lCvCVKBVyqjC5246tJsirlpIZdD77kMkEzgFbBoTfVfoRDg4xzLUVmgdFqToPzNWcVv5gNJwhjBtsHo8CjJ9tYKLfmc86GrsIfvArklFWSWIm7j3PLybVBCc-Qe0ROqVK7I6xAih809HcsFGBIDhjadFXH9cby7TX-wNmUo_mb31zWJ2qSd7XvU8IovTqkLPsZS83Mqh4isi3s0VW7K61aqXrTHwKJmBeDG934NuGwWmzlrHGnGfPbnN5RQL3_7IkipHoGimra5Y_hm1XC7RUUIiP88gRLdfP3BHGRts1oq_7-FlqLhSk_xcker1M5Yf8hAvXCzEjUo9KLgXg.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Modern Data Stack - Everything that you need to know ! | Modern Data Stack</div> <div class="link_preview_description">Resources and tools to help you build and operate a Modern Data Stack</div> </a>https://channel.meo-ai.com/posts/44https://channel.meo-ai.com/posts/44Fri, 08 Nov 2024 15:53:02 GMT<a href="/search/result?q=%23AI" title="#AI">#AI</a> <a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> <br /><br />你想创造什么？- StackBlitz<br /><br /><a href="https://bolt.new/" target="_blank" rel="noopener" title="https://bolt.new/">https://bolt.new/</a><a class="tgme_widget_message_link_preview" href="https://bolt.new/" target="_blank" rel="noopener" title="Build and scale high-performing websites &amp; apps using your words. Join millions and start building today."> <div class="link_preview_site_name accent_color">bolt.new</div> <img class="link_preview_image" alt="Bolt AI builder: Websites, apps &amp; prototypes" src="/static/https://cdn4.telesco.pe/file/FWlZv44OWGIGMqTb4caf7Z5LMrD06_ANdYJCt3fz0B3llLty6uELb0Z27kfWi3fLKkco_fGJwDQ_tDTJnoKVSHvhH7aUg0HeeEMhM2k88_bV3psQABx74oOuRGRcj9lXhLusnXJ9ZRLZO6GznsLS9Q-kd4lJoDzGgtZ9clcxf1GY_N-7swy25KZJ6qy25ITsQjDQjsZs2dj6snwZgUaEyiHSTQ3ThymymyBrqlI__vOxNneg1iKLRc18xG1YR5OYtEuJNcVqobURflxneGW3mQTtDi4OXyJ4SXtOebGnIC4d7pFzusIYqs4yVOxrzBYBWtwpum6_U3Ljp8LsRvANpw.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Bolt AI builder: Websites, apps &amp; prototypes</div> <div class="link_preview_description">Build and scale high-performing websites &amp; apps using your words. Join millions and start building today.</div> </a>https://channel.meo-ai.com/posts/41https://channel.meo-ai.com/posts/41Fri, 08 Nov 2024 09:48:18 GMT<div class="image-list-container image-list-even"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-41-0" popovertargetaction="show" aria-label="Open image preview: #网站 2024前端生态报告"> <img src="/static/https://cdn5.telesco.pe/file/EJH5Fc7vkRcPo0E416_RNOWESIo8lfdqeLiZ7IwKFGqifdhMZZPTq_bNovQe9u6GqiPD5zPGHe622qUf_NYNl5uyDH1eLGqnOye9VWH4WtGOa1zn30oVYdqmQVq7g_jQFs8Y_Nf5QrhF2nZLqQz_3Lk7_2lSwbKDX5sPKJsUG2zvCSwHKps5Eg3TwZNOFBD3M2M46BPeMRFHh7LJk3HtabfkVl3tLVb_g7hKjv4qBFffkRDf4fb0f2LN_GcclnL4oWj3x3H5yuuzSs3gLua54IMxMWBWSNaBjyAFuiS4MIwaih-vTSg076eW7fABM7zX5Z30uHjWPugDwWOLjQ7TzQ.jpg" alt="#网站 2024前端生态报告" width="225" height="228" loading="eager" /> </button> <div class="modal" id="modal-41-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-41-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-41-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-41-1" popovertargetaction="show" aria-label="Open image preview: #网站 2024前端生态报告"> <img src="/static/https://cdn5.telesco.pe/file/eRDOip0PRfAkujShFwuBwvLMsBwiAqe4lzDCWmoZYm69tPl2yI8BZAwqqEPGjm7KZmSs5nDyzO9KBRFUqUVspMaxODGobwT0DQVEhlUEUd_225mkwvyYL6Iszm_-BXEHsHcQ8rVQsF5awT_GE25PwQEp3oLWJx14EYhSzRJLrExl987k9QfLfloannbpibM7yrrJPGGkB2AJCy0J6g0QRgTN7SL3g0xjnBjPqyI7ol-iExNafOO--maK-4YG3kRiUnWHZhJ9yoqNQLIS8wFHrd-Amt4GH5KaIF0gSwworgIM8vQR2NYbGASSWkC7PI-nkXaKRi_ABi2yuBogmvLBgg.jpg" alt="#网站 2024前端生态报告" width="226" height="228" loading="eager" /> </button> <div class="modal" id="modal-41-1" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-41-1" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-41-1" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><div class="tgme_widget_message_text js-message_text"><a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> 2024前端生态报告<br /><br /><a href="https://tsh.io/state-of-frontend/" target="_blank" rel="noopener" title="https://tsh.io/state-of-frontend/">https://tsh.io/state-of-frontend/</a></div>https://channel.meo-ai.com/posts/25https://channel.meo-ai.com/posts/25Wed, 06 Nov 2024 04:24:52 GMT<a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> <a href="/search/result?q=%23%E7%BD%91%E9%A1%B5%E5%B7%A5%E5%85%B7" title="#网页工具">#网页工具</a> 网站主题配色、颜色设计<br /><br />AI colors 生成网页主题配色：<a href="https://aicolors.co/" target="_blank" rel="noopener" title="https://aicolors.co/">https://aicolors.co/</a><br />Happy hues 调色板灵感： <a href="https://www.happyhues.co/" target="_blank" rel="noopener" title="https://www.happyhues.co/">https://www.happyhues.co/</a><br />Color hunt 调色板灵感：<a href="https://colorhunt.co/" target="_blank" rel="noopener" title="https://colorhunt.co/">https://colorhunt.co/</a><a class="tgme_widget_message_link_preview" href="https://aicolors.co/" target="_blank" rel="noopener" title="Turn prompts into color palettes."> <div class="link_preview_site_name accent_color">Bairesdev</div> <div class="link_preview_title">AI Colors | BairesDev</div> <div class="link_preview_description">Turn prompts into color palettes.</div> </a>https://channel.meo-ai.com/posts/16https://channel.meo-ai.com/posts/16Tue, 05 Nov 2024 06:19:02 GMT<a href="/search/result?q=%23%E6%B5%8F%E8%A7%88%E5%99%A8" title="#浏览器">#浏览器</a> <a href="/search/result?q=%23%E7%BD%91%E7%AB%99" title="#网站">#网站</a> <a href="/search/result?q=%23%E5%8E%9F%E7%90%86" title="#原理">#原理</a> HTTP 如何工作 漫画<br /><br /><a href="https://howhttps.works/zh/" target="_blank" rel="noopener" title="https://howhttps.works/zh/">https://howhttps.works/zh/</a><a class="tgme_widget_message_link_preview" href="https://howhttps.works/zh" target="_blank" rel="noopener" title="🙀 A cat explains how HTTPS works...in a comic! 😻"> <div class="link_preview_site_name accent_color">howhttps.works</div> <img class="link_preview_image" alt="How HTTPS Works" src="/static/https://cdn4.telesco.pe/file/lAOJeLOmKx56DAHFMX-i8vTxoSSlDfvskwxD2ss9UUQIv1-tB2urLmynXatRMGbmLkSlk8pC_T9ezIbceHqKGtBiPWuwVq_ElXZ3QbhWTQe0HoeSxPVOG13Q-vBgH0Mbx_CvgVUqC_vUk8D85nxB_ydb6yUiMTSMVT0_sb0fJMIeAnCALYX1QeN8QkZXGaPnNN2z3SnwYzNzF3Ekyb66UyVXs5IUr_EiMV-orMqM8kfQBl8KYZDFBDifPPAiT9CmU3xlEVGUSvNgZkbRf85ZWFLBzDZsJAVi2yi91EJmZ3QpzhAp_XNyKRAPauJzC9lRMuGyIVbcLVFsnAy4jsPRIw.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">How HTTPS Works</div> <div class="link_preview_description"><i class="emoji" style="background-image:url('//telegram.org/img/emoji/40/F09F9980.png')"><b>🙀</b></i> A cat explains how HTTPS works...in a comic! <i class="emoji" style="background-image:url('//telegram.org/img/emoji/40/F09F98BB.png')"><b>😻</b></i></div> </a>