锤子前端#文章 通过可视化的方式深入探讨了不同的负载均衡算法,从最简单的轮询(Round Robin)到更复杂的PEWMA(Peak Exponentially Weighted Moving Average)算法,并详细分析了每种算法的优缺点和适用场景00:14 · 2025年9月1日 · 周一#文章 通过可视化的方式深入探讨了不同的负载均衡算法,从最简单的轮询(Round Robin)到更复杂的PEWMA(Peak Exponentially Weighted Moving Average)算法,并详细分析了每种算法的优缺点和适用场景。https://samwho.dev/load-balancing/00:14 · 2025年9月1日 · 周一文章
锤子前端#React 本文教你用 React 19 + React Router 7(SSR 模式)配 Strapi 5 构建现代博客:后台内容块可拖拽排序,前端自动 SSR 渲染,全链路 TypeScript,SEO 完备,克隆示例仓库一条命令即可跑通11:01 · 2025年8月30日 · 周六#React 本文教你用 React 19 + React Router 7(SSR 模式)配 Strapi 5 构建现代博客:后台内容块可拖拽排序,前端自动 SSR 渲染,全链路 TypeScript,SEO 完备,克隆示例仓库一条命令即可跑通。Strapi 是一个开源的 Headless CMS(无头内容管理系统)。https://strapi.io/blog/how-to-build-a-modern-blog-with-react-19-and-strapi-5 strapi.io How to Build a Modern Blog with React 19 and Strapi 5 Build a modern blog website using React 19 with React Router 7 (framework mode) for the front-end and Strapi CMS for managing our content. 11:01 · 2025年8月30日 · 周六React
锤子前端#React Streamdown 是一个为 AI 驱动的流式 Markdown 渲染而设计的库,可以作为 react-markdown 的即插即用替代品10:40 · 2025年8月30日 · 周六#React Streamdown 是一个为 AI 驱动的流式 Markdown 渲染而设计的库,可以作为 react-markdown 的即插即用替代品。它解决了在 AI 场景中,Markdown 内容边生成边渲染时,格式错乱、安全风险、以及不完整的 Markdown 语法带来的挑战。https://streamdown.ai/ streamdown.ai A markdown renderer designed for streaming content from AI models. Highly interactive, customizable, and easy to use. 10:40 · 2025年8月30日 · 周六React
锤子前端#文章 出色的 Big O 符号图解教程,包含 JavaScript 示例15:09 · 2025年8月29日 · 周五#文章 出色的 Big O 符号图解教程,包含 JavaScript 示例。如果你一直想知道 O(1)、O(log n) 等是什么意思,这是一个很好的入门教程。文章详细介绍了Big O符号,这是一种描述函数性能的方法,用于衡量输入规模增加时执行时间的增长情况。文章依次探讨了四种常见的Big O类别:常数时间O(1)、对数时间O(log n)、线性时间O(n)和二次时间O(n^2),并通过具体的JavaScript代码示例来展示每种时间复杂度的特点。此外,文章还提供了优化代码以提高时间复杂度的实用建议,例如使用合适的数据结构和避免不必要的计算https://samwho.dev/big-o/15:09 · 2025年8月29日 · 周五文章
锤子前端#文章 理解 Promise.any(): 当一个成功就足够了 13:43 · 2025年8月29日 · 周五#文章 理解 Promise.any(): 当一个成功就足够了 https://allthingssmitty.com/2025/08/25/understanding-promise-any-when-one-success-is-enough/ Allthingssmitty Understanding Promise.any(): when one success is enough - Matt Smith Learn how Promise.any() helps you handle multiple promises by resolving with the first success, perfect for fallback APIs and progressive features in JavaScript. 13:43 · 2025年8月29日 · 周五文章
锤子前端#网站 10:10 · 2025年8月25日 · 周一#网站 https://e-mail.wtf/ e-mail.wtf Email is Easy Everyone knows what an email address is, right? 10:10 · 2025年8月25日 · 周一网站
锤子前端#React #文章 《React-is-Awful》一个有趣的学习`坏东西`的方法10:14 · 2025年8月22日 · 周五#React #文章 《React-is-Awful》一个有趣的学习`坏东西`的方法。https://github.com/cloudstreet-dev/React-is-Awful GitHub GitHub - cloudstreet-dev/React-is-Awful: A fun way to learn a bad thing. A fun way to learn a bad thing. Contribute to cloudstreet-dev/React-is-Awful development by creating an account on GitHub. 10:14 · 2025年8月22日 · 周五React文章
锤子前端#React #文章 通过Zustand构建了一个可测试且易于扩展的Telegram机器人,采用纯函数和Elm单向数据流模式,实现了清晰的状态管理和响应式行为,同时对比了低级API与高级框架的优缺点,强调了架构选择对长期目标的重要性10:01 · 2025年8月22日 · 周五#React #文章 通过Zustand构建了一个可测试且易于扩展的Telegram机器人,采用纯函数和Elm单向数据流模式,实现了清晰的状态管理和响应式行为,同时对比了低级API与高级框架的优缺点,强调了架构选择对长期目标的重要性。https://zwit.link/posts/zustand-telegram-bot/ zwit.link Zwit - Building Testable Telegram Bots with Zustand When most developers think of Zustand, they picture React hooks and component state. But what if I told you that Zustand's vanilla store could power a sophisticated Telegram bot with predictable state… 10:01 · 2025年8月22日 · 周五React文章
锤子前端#React #RSC 通过将客户端交互逻辑封装为可复用组件并用其包裹服务器组件,实现数据留在服务端、交互留在客户端的清晰组合模式09:57 · 2025年8月22日 · 周五#React #RSC 通过将客户端交互逻辑封装为可复用组件并用其包裹服务器组件,实现数据留在服务端、交互留在客户端的清晰组合模式。https://aurorascharff.no/posts/server-client-component-composition-in-practice/ aurorascharff.no Server and Client Component Composition in Practice | Aurora Scharff Learn how to compose client and server components effectively in React. Explore patterns for keeping responsibilities clear, optimizing performance, and creating reusable components. 09:57 · 2025年8月22日 · 周五ReactRSC
锤子前端#React Local Storage是浏览器的数据“硬盘”,而Context/Redux/Zustand是React的“内存管理器”09:47 · 2025年8月22日 · 周五#React Local Storage是浏览器的数据“硬盘”,而Context/Redux/Zustand是React的“内存管理器”。两者职责不同,不能互相替代。https://www.developerway.com/posts/local-storage-instead-of-context Developer Way Can We Use Local Storage Instead of Context-Redux-Zustand? Why do we need Context/Redux/Zustand in React, what is the purpose of Local Storage, its limitations, and when to use it. 09:47 · 2025年8月22日 · 周五React
锤子前端#React 2025年React日历组件的6个最佳库,从实际性能角度对这些库进行了排名,并给出了一个明确的胜者以及在特定情况下选择其他替代品的理由13:41 · 2025年8月21日 · 周四#React 2025年React日历组件的6个最佳库,从实际性能角度对这些库进行了排名,并给出了一个明确的胜者以及在特定情况下选择其他替代品的理由。https://www.builder.io/blog/best-react-calendar-component-ai Builder.io React calendar components: 6 best libraries 2025 Find the best React calendar component for your project with our detailed comparison of react-datepicker, Shadcn/UI, and morec. 13:41 · 2025年8月21日 · 周四React
锤子前端#SVG 《SVG 路径交互指南》09:25 · 2025年8月19日 · 周二#SVG 《SVG 路径交互指南》https://www.joshwcomeau.com/svg/interactive-guide-to-paths/ Joshwcomeau An Interactive Guide to SVG Paths • Josh W. Comeau SVG gives us many different primitives to work with, but by far the most powerful is the element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tutorial, we’ll demystify this infamous element and see some of… 09:25 · 2025年8月19日 · 周二SVG
锤子前端#React #文章 如果你只想“加点响应式”但又不想上框架,这段 20 行的 bindSignals 就够用了;后续可按需求逐步扩展09:22 · 2025年8月19日 · 周二#React #文章 如果你只想“加点响应式”但又不想上框架,这段 20 行的 bindSignals 就够用了;后续可按需求逐步扩展。https://thathtml.blog/2025/08/declarative-html-binding-with-signals/ That HTML Blog Declarative HTML Binding in Only 20 Lines of Code! (and Signals) Start with a solution as basic as this and ratchet up the complexity only when needed. 09:22 · 2025年8月19日 · 周二React文章
锤子前端#文章 软件速度的论证文章,并且保持乐观19:29 · 2025年8月7日 · 周四#文章 软件速度的论证文章,并且保持乐观。https://www.catherinejue.com/fast Catherinejue fast | catherine jue 19:29 · 2025年8月7日 · 周四文章
锤子前端#CSS 文章介绍了CSS新特性`scroll-target-group`及其与`:target-current`伪类的结合使用,能够轻松实现滚动侦测效果(如目录高亮)19:27 · 2025年8月7日 · 周四#CSS 文章介绍了CSS新特性`scroll-target-group`及其与`:target-current`伪类的结合使用,能够轻松实现滚动侦测效果(如目录高亮)。该特性目前仅在Chrome 140中支持,可通过`@supports`检测实现渐进式增强,同时在无障碍性方面符合常规要求。https://una.im/scroll-target-group/ Una.im Creating a scroll-spy with 2 lines of CSS scroll-target-group is a new CSS feature that lets you create scroll-spy table of contents with basically 2 lines of CSS. 19:27 · 2025年8月7日 · 周四CSS
锤子前端#React Waku(RSC 的极简 React 框架)现在支持 Vite RSC19:25 · 2025年8月7日 · 周四#React Waku(RSC 的极简 React 框架)现在支持 Vite RSC。https://newsletter.daishikato.com/p/waku-gains-vite-rsc-support Daishi Kato's Read the Code Waku Gains Vite RSC Support It Was a Long Journey to Get Here 19:25 · 2025年8月7日 · 周四React
锤子前端#tailwindcss #CSS 《Tailwind 与原生 CSS 结合》Tailwind CSS 4 通过全面转向原生 CSS 变量和改进的配置方式,实现了与传统 CSS 的无缝融合,解决了之前版本的争议性问题19:22 · 2025年8月7日 · 周四#tailwindcss #CSS 《Tailwind 与原生 CSS 结合》Tailwind CSS 4 通过全面转向原生 CSS 变量和改进的配置方式,实现了与传统 CSS 的无缝融合,解决了之前版本的争议性问题。它引入了“非病毒”模式(“Non-Viral”),允许开发者在不影响现有 CSS 架构或设计系统的情况下灵活使用 Tailwind 的工具类或纯 CSS,极大地提升了开发体验,让作者从批评者转变为支持者,标志着 Tailwind 与原生 CSS 的完美结合。https://thathtml.blog/2025/08/tailwind-and-css-friends-at-last/ That HTML Blog Friends at Last: Tailwind & CSS…whodathunkit?! Freely compose UI using native CSS variables & syntax, Tailwind design tokens in CSS, and Tailwind utility classes. 19:22 · 2025年8月7日 · 周四tailwindcssCSS
锤子前端#TS 在 monorepo 的类型安全问题的论述13:11 · 2025年8月2日 · 周六#TS 在 monorepo 的类型安全问题的论述https://www.carrick.tools/blog/the-multi-repository-typescript-problem Carrick TypeScript Across Microservices: The Multi-Repo Problem | Carrick How do you maintain TypeScript type safety across microservices in separate repos? A deep dive on cross-repo type validation with SWC and ts-morph. 13:11 · 2025年8月2日 · 周六TS