#文章 #JS 使用 Intl.Segmenter 来获取可读性的文本词汇计数，而不是获取字符串的长度

https://blog.sangeeth.dev/posts/accurate-text-lengths-with-intl-segmenter-api/

Automagic

Accurate text lengths with `Intl.Segmenter` API

How many characters is 👨‍👩‍👧‍👦?

#文章 如何用 4 美元的 VPS 处理 5 亿次点击

https://www.youtube.com/watch?v=nk3Ti0tCGvA

YouTube

Handling 500M clicks with a $4 VPS

I accidentally made a silly little website that went viral, and grossly underestimated the amount of people who would use it.

At first my cheap VPS couldn't handle the thousand-odd requests per second, but after some mild code refactoring it's been chugging…

#CSS #文章 Josh W. Comeau 在《Color Shifting in CSS》中揭示了 CSS 颜色过渡变灰的本质：浏览器用 RGB 插值，即使写的是 HSL；他用 filter: hue-rotate() 绕过限制，实现鲜艳无缝的色调旋转，并叠加闪烁动画，让粒子效果生动又轻盈。

https://www.joshwcomeau.com/animation/color-shifting/

Joshwcomeau

Color Shifting in CSS • Josh W. Comeau

A little while ago, I was trying to animate an element’s background color, so that it cycled through the rainbow. Seems easy, but it turns out, browsers have a surprisingly big limitation when it comes to color processing! In this tutorial, we’ll dig into…

#文章 浏览器限制setTimeout是为了防止滥用，避免网站过度消耗用户电量或阻塞交互，例如将延迟时间限制为至少4毫秒。尽管如此，浏览器仍引入了新的定时器技术，如setImmediate、Promises和scheduler.postTask。

https://nolanlawson.com/2025/08/31/why-do-browsers-throttle-javascript-timers/

Read the Tea Leaves

Why do browsers throttle JavaScript timers?

Even if you’ve been doing JavaScript for a while, you might be surprised to learn that setTimeout(0) is not really setTimeout(0). Instead, it could run 4 milliseconds later: Nearly a decade a…

#文章 ViteLand 最新动态 - 2025 年 8 月回顾：除了其他事项外，RSC 支持已正式落地（Waku 现在使用它），Vite React 插件 v5 发布，集成了 Rolldown 和 Oxc，包括 Styled-Components 转换支持。

https://voidzero.dev/posts/whats-new-aug-2025

void(0)

What’s New in ViteLand: August 2025 Recap

August 2025 brings new updates in the Vite ecosystem, including type-aware linting in Oxlint, native plugins for rolldown-vite, better tree-shaking and more.

#文章 构建知识的20条原则

https://baoyu.io/translations/twenty-rules-of-formulating-knowledge

baoyu.io

高效学习：构建知识的20条黄金法则

这篇文章将帮助你克服在加速学习时遇到的最大障碍之一：**如何组织和构建知识**。

#文章 z.codec() 提供了一种类型安全、可组合且易维护的方式来处理双向数据转换，特别适用于在序列化格式（如 JSON）和富 JavaScript 类型（如 Date、BigInt）之间进行映射。

https://colinhacks.com/essays/introducing-zod-codecs

Colin McDonnell @colinhacks

Introducing Zod Codecs

#文章 通过可视化的方式深入探讨了不同的负载均衡算法，从最简单的轮询（Round Robin）到更复杂的PEWMA（Peak Exponentially Weighted Moving Average）算法，并详细分析了每种算法的优缺点和适用场景。

https://samwho.dev/load-balancing/

#文章 出色的 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/

#文章 理解 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.

#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.

#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…

#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.

#文章 软件速度的论证文章，并且保持乐观。

https://www.catherinejue.com/fast

Catherinejue

fast | catherine jue

#文章 论Zod

https://www.youtube.com/watch?v=6P-2urhScwk

YouTube

Zod VS Valibot: JS/TS Validator Battle!

What are JS/TS validators for? Which one is the best between Zod and Valibot? Let's find out.

Code: https://github.com/jherr/valibot-vs-zod

👉 ProNextJS Course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ…

#Node #文章 node 版本管理工具可能会拖慢你的终端？
NVM (warm): 148-217ms per switch
FNM (warm): 4-5ms per switch
Volta (warm): 2-3ms per switch


https://nodevibe.substack.com/p/the-500x-performance-gap-between

Substack

The 500x performance gap between Node.js version managers (and why you might not care)

Links that I found useful this week:

#文章 模块联邦（Module Federation）是实现高自治、跨框架微前端架构的核心方案，通过运行时动态集成、共享依赖管理和独立部署，解决企业级前端应用的技术债务与团队协作痛点，适用于React与Angular混合环境，但需严格管理版本兼容性与通信规范。

https://developersvoice.com/blog/frontend/micro-frontends-with-react-and-angular/

Developersvoice

The Architect’s Guide to Micro-Frontends: Module Federation with React & Angular

Discover how enterprise architects can implement scalable micro-frontend architectures using Module Federation in React and Angular. Explore real-world strategies for integration, deployment, state management, and cross-framework interoperability to build…

#React #文章 如果你在用 Tauri + React 做多窗口应用，不想牺牲响应式体验，又愿意接受轻微的状态延迟，这篇文章提供的“松耦合同步”方案是一个非常实用的折中方案。

https://www.gethopp.app/blog/tauri-window-state-sync

www.gethopp.app

Loosely synchronize your (Zustand) stores in multiple Tauri processes

A simple solution to synchronize your JavaScript/React stores in multiple Tauri processes (windows).

#文章 “JavaScript 不会变成 Rust，但 JavaScript 的工具链正在被 Rust 重写。”

https://endform.dev/blog/js-is-being-rewritten-in-rust/

Endform

JavaScript is being rewritten in Rust

From Deno to Biome, tools written in Rust are changing JavaScript. Here's what's happening and what it means for the future.

#React #CSS #文章 《如何为 React 应用程序添加样式》文章提到了语义化CSS、设计令牌（Design Tokens）、CSS-in-JS（如styled-components）和Utility-First框架（如Tailwind）四种CSS方案，作者最终推荐Utility-First（如Tailwind），因其通过原子类组合实现高效、低复杂度的组件级样式管理，并强调“复用组件而非样式”的核心原则。

https://alexkondov.com/full-stack-tao-styling/

Alexkondov

How to Style a React Application

We don’t build web applications the same way we did a decade ago. We don’t think of pages, we think of components. We don’t pass data to the template to render…