文章 | 锤子前端

《Express全新面貌》

Fri, 22 May 2026 10:19:28 GMT

《Express全新面貌》

标签：#后端 #NodeJS #ExpressJS #Web框架 #文档重构 #开源社区

总结：
Express官方博客宣布完成网站全面重构与品牌焕新，涵盖Astro技术栈迁移、AI智能搜索、版本化文档及全新Logo设计，标志着这个Node.js生态老牌框架在2024年重启后进入新阶段。

文章要点：
1. 网站底层从Jekyll迁移到Astro，带来更灵活的组件模型、国际化支持和内容页性能提升，文档生成与维护方式也一并升级
2. 文档新增多版本并行浏览，Express 4和5的文档可以独立查看，告别版本混淆的烦恼
3. 搜索接入了Orama的AI能力，支持自然语言提问，找API和概念更快更准
4. 全站文档开放了llms.txt端点，方便大模型和AI助手直接读取最新文档
5. 接下来的重点是补齐内容缺口、完善多语言翻译，并让文档和新版本同步发布
6. 新Logo由社区公开协作设计，品牌定位为"Established·Dependable·Approachable"，延续极简风格的同时开启新篇章

URL：
https://expressjs.com/en/blog/2026-05-18-a-new-look-for-express/

Express.js

A New Look for Express · Express.js

Discover the redesigned Express.js website and our brand-new logo, built from the ground up with Astro.

《Mirage：AI Agent的统一虚拟文件系统》

Fri, 08 May 2026 23:24:01 GMT

《Mirage：AI Agent的统一虚拟文件系统》

标签：#AI_Tools #AI_Agent #文件系统 #Python #TypeScript #SDK #S3 #Slack #GitHub #Redis #缓存 #OpenAI #Vercel_AI_SDK #LangChain

总结：
Mirage 是一个专为 AI Agent 设计的统一虚拟文件系统，它将 S3、Google Drive、Slack、Gmail、Redis 等数十种后端服务挂载到同一棵文件树下。Agent 只需用熟悉的 Unix/bash 工具（如 grep、cat、cp）就能跨服务读写数据，无需学习 N 个 SDK 或 MCP。支持 Python/TypeScript SDK 和 CLI，可嵌入 FastAPI、Express 等应用，并内置双层缓存（索引缓存 + 文件缓存）减少网络开销，兼容 OpenAI Agents SDK、Vercel AI SDK、LangChain 等主流框架。

文章要点：
- 统一挂载，万物皆文件：把 S3、GDrive、Slack、GitHub、MongoDB、Redis 等后端并排挂载到同一个根目录下，Agent 看到的始终只有一棵树
- 零学习成本：任何懂 bash 的 LLM 都能直接上手，用 grep、cat、cp、wc 这些经典命令跨服务操作，不用记新 API
- 双层缓存省流量：自带索引缓存（目录列表）和文件缓存（对象字节），默认用内存，也可切 Redis 共享给多进程/多机器
- 多语言 SDK + CLI：提供 Python 和 TypeScript（Node / Browser / Core）SDK，以及轻量 CLI，可嵌入你的 FastAPI、Express 或浏览器应用
- 主流框架即插即用：已适配 OpenAI Agents SDK、Vercel AI SDK、LangChain、Pydantic AI、CAMEL、OpenHands 等
- 工作空间可移植：支持克隆、快照、版本化管理，Agent 运行环境能在机器间迁移而不必重新配置

文章URL：https://github.com/strukto-ai/mirage

GitHub

GitHub - strukto-ai/mirage: The World's First Virtual Terminal for AI Agents

The World's First Virtual Terminal for AI Agents. Contribute to strukto-ai/mirage development by creating an account on GitHub.

《node-html-to-text：HTML转纯文本转换器》

Fri, 08 May 2026 02:59:05 GMT

《node-html-to-text：HTML转纯文本转换器》

标签：#NodeJS #工具库 #HTML解析 #文本转换 #数据提取 #内容处理

总结：
node-html-to-text 是一款成熟的 Node.js 库，用于将 HTML 文档解析并转换为格式优美的纯文本。它通过类 CSS 的 selectors 机制实现高度灵活的格式化控制，支持表格、链接、列表等复杂结构，并提供 compile 预编译模式以优化批量处理性能。

文章要点：
- **核心能力**：支持行内/块级标签、表格（含跨行跨列）、链接、自动换行、Unicode 等，能把复杂 HTML 干净地转成可读文本
- **两种使用模式**：`convert() 适合单次转换；`compile() 预编译配置后批量处理，性能更优，推荐处理大量文档时使用
- **Selectors 驱动配置**：采用类似 CSS 的 selectors 数组来匹配元素并指定格式化方式，支持标签、类名、ID、属性等组合选择，特异性高的规则优先生效
- **丰富的自定义扩展**：可通过 formatters 注册自定义格式化函数，还能传入 metadata 让 formatter 访问额外上下文信息，满足特殊业务需求
- **版本演进清晰**：v8 引入 selectors 体系，v9 支持 ESM/CJS 双模式并移除大量废弃选项，v10 要求 Node.js 20.19.0+，API 趋于稳定现代

文章URL：https://github.com/html-to-text/node-html-to-text

GitHub

GitHub - html-to-text/node-html-to-text: Advanced html to text converter

Advanced html to text converter. Contribute to html-to-text/node-html-to-text development by creating an account on GitHub.

#文章本文深入解析了GitHub Copilot CLI三秒ASCII开机动画背后的复杂工程实现，揭示了终端动画在缺乏统一标准的环境下，如何通过自定义工具链、语义化颜色映射和无障碍优先设计，解决跨终端兼容性与可访问性挑战

Sat, 31 Jan 2026 04:28:17 GMT

#文章本文深入解析了GitHub Copilot CLI三秒ASCII开机动画背后的复杂工程实现，揭示了终端动画在缺乏统一标准的环境下，如何通过自定义工具链、语义化颜色映射和无障碍优先设计，解决跨终端兼容性与可访问性挑战。

https://github.blog/engineering/from-pixels-to-characters-the-engineering-behind-github-copilot-clis-animated-ascii-banner/

The GitHub Blog

From pixels to characters: The engineering behind GitHub Copilot CLI’s animated ASCII banner

Learn how GitHub built an ASCII animation for the Copilot CLI using custom tooling, ANSI color roles, and advanced terminal engineering.

#文章 2026 年，Favicon 最佳实践的文章

Wed, 28 Jan 2026 06:32:00 GMT

#文章 2026 年，Favicon 最佳实践的文章。

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

evilmartians.com

How to Favicon in 2026: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

#文章有开发者大胆预测，微软迟早会放弃 Windows，转战“Windows 外壳的 Linux”

Wed, 21 Jan 2026 10:19:00 GMT

#文章有开发者大胆预测，微软迟早会放弃 Windows，转战“Windows 外壳的 Linux”。大胆，确实挺有想象空间。

https://gamesbymason.com/blog/2026/microsoft/

Games by Mason

🪟 Prediction: Microsoft Is Going To Do The Funniest Thing Imaginable | Games by Mason

When you think Microsoft you probably don't think sense of humor. And yet, I'm convinced that Microsoft is going to do a very specific *very* funny thing within our lifetimes.

#文章 ASCII 字符不是像素：深入解读 ASCII 渲染

Wed, 21 Jan 2026 08:24:45 GMT

#文章 ASCII 字符不是像素：深入解读 ASCII 渲染

https://alexharri.com/blog/ascii-rendering

Alexharri

ASCII characters are not pixels: a deep dive into ASCII rendering

A look at how I used shape vectors to achieve sharp, high-quality ASCII rendering.

#文章这是一条关于 tanstack start 中间件的文章

Wed, 12 Nov 2025 14:10:44 GMT

#文章这是一条关于 tanstack start 中间件的文章。

https://frontendmasters.com/blog/introducing-tanstack-start-middleware/

#文章利用 ES2022 的 Error.cause 在构造函数中保留原始错误：`new Error(msg, { cause: err })`

Wed, 12 Nov 2025 08:47:36 GMT

#文章利用 ES2022 的 Error.cause 在构造函数中保留原始错误：`new Error(msg, { cause: err })`。
- 错误链非枚举，不污染日志；可逐层访问 `err.cause` 获取完整堆栈与类型。
- 自定义错误类只需 super(message, { cause }) 即可自动继承该能力；TypeScript 需 `target/lib ≥ es2022`。

- 使用场景
- 多层架构（服务→服务、包装函数、微调用）中，顶层抛出的同时需要追踪根因。
- 数据库/网络异常被重新包装为业务错误（如 ConnectionTimeoutError → DatabaseError → `ServiceUnavailableError`）。
- 单元测试断言：`expect(err.cause).toBeInstanceOf(原始错误类)`。

- 最佳实践
- 只在关键上下文加链，避免过度包装导致调试噪音。
- 手动记录：`console.error(err) 后紧跟 `console.error('Caused by:', err.cause)`；使用递归辅助函数 `logErrorChain/logFullErrorChain 打印完整链。
- 保持错误类型清晰，自定义类命名语义化，方便日志与监控筛选。

https://allthingssmitty.com/2025/11/10/error-chaining-in-javascript-cleaner-debugging-with-error-cause/

Allthingssmitty

Error chaining in JavaScript: cleaner debugging with Error.cause - Matt Smith

Use JavaScript's 'cause' property to chain errors, preserve context, and simplify debugging. Cleaner stack traces, better test assertions.

#文章 Navigation API即将全面支持所有浏览器：这项令人振奋的新 Web 平台 API 很快将在所有浏览器中上线，它将重新定义我们构建客户端/单页应用导航的方式

Wed, 12 Nov 2025 02:21:39 GMT

#文章 Navigation API即将全面支持所有浏览器：这项令人振奋的新 Web 平台 API 很快将在所有浏览器中上线，它将重新定义我们构建客户端/单页应用导航的方式。不再需要使用原本并非为单页应用设计的笨拙 History API，也不再需要一个 <Link> 组件来拦截点击事件以调用 event.preventDefault() 和 history.pushState() ，取而代之的是，将有一个统一的中心位置来处理和拦截导航事件。React 团队正在开发一项过渡指示器功能，该功能将利用这一 API 提供原生的加载状态反馈。

#文章 #CSS 文章示范了用容器查询、:has()、clamp()等现代 CSS，让“头部+卡片网格”这一简单布局随卡片数量与宽度自动切换形态

Mon, 03 Nov 2025 01:31:57 GMT

#文章 #CSS 文章示范了用容器查询、:has()、clamp()等现代 CSS，让“头部+卡片网格”这一简单布局随卡片数量与宽度自动切换形态。

https://ishadeed.com/article/modern-css-section-layout/

Ishadeed

Solved By Modern CSS: Section Layout

Building a typical section design with modern CSS.

#文章作者在使用 Next.js App Router 和 React Server Components（RSC）一年后的不满和失望，并解释了他们为什么选择迁移到 TanStack Start

Thu, 30 Oct 2025 08:47:40 GMT

#文章作者在使用 Next.js App Router 和 React Server Components（RSC）一年后的不满和失望，并解释了他们为什么选择迁移到 TanStack Start。作者详细分析了 Next.js App Router 和 RSC 的设计缺陷，包括：乐观更新不可、每次导航都是另一次获取、布局人为受限、内容双重下载、Turbopack 表现不佳。

https://paperclover.net/blog/webdev/one-year-next-app-router

paperclover.net

One Year with Next.js App Router — Why We're Moving On

A critique of React Server Components and Next.js 15.

#文章 #JS JavaScript 中的异步循环，作者对比总结了部分实践

Wed, 29 Oct 2025 10:42:49 GMT

#文章 #JS JavaScript 中的异步循环，作者对比总结了部分实践

https://allthingssmitty.com/2025/10/20/rethinking-async-loops-in-javascript/

Allthingssmitty

Rethinking async loops in JavaScript - Matt Smith

Struggling with 'await' in loops? Explore common mistakes and modern solutions to optimize async code for performance.

#UX #文章模态框和非模态框，这两者的区别以及如何使用？

Fri, 24 Oct 2025 10:25:11 GMT

#UX #文章模态框和非模态框，这两者的区别以及如何使用？

https://www.a11y-collective.com/blog/modal-vs-dialog/

The A11Y Collective

When to Use Modal vs Dialog Components

Confused about modal vs dialog components? Discover implementation patterns, accessibility guidelines, and best practices for creating user-friendly interfaces.

#UX #文章主要介绍了ARIA属性在无障碍网络应用中的关键作用，特别是aria-selected、aria-pressed、aria-current和aria-checked这四个容易混淆的属性

Fri, 24 Oct 2025 10:20:15 GMT

#UX #文章主要介绍了ARIA属性在无障碍网络应用中的关键作用，特别是aria-selected、aria-pressed、aria-current和aria-checked这四个容易混淆的属性。文章详细解释了每个属性的用途、适用场景、常见值以及最佳实践，同时指出了开发者在使用这些属性时常见的错误，并强调了正确使用ARIA属性对于确保辅助技术准确传达界面状态的重要性。

https://www.tpgi.com/what-state-aria-in/

TPGi — a Vispero company

What State ARIA In? - TPGi — a Vispero company

This article explains how to use ARIA to indicate the difference between selected, pressed, current, and checked states of elements.

#文章 Next.js App Router 结合 React Server Components 带来零 JS 前端渲染、流式 SSR 与自动代码分割等亮点，却同时陷入乐观更新缺失、每次导航重复取数、布局受限、双倍内容下载与调试痛苦的深度缺陷；作者用一年实战证明，这套架构对动态应用既浪费带宽又折磨开发者，最终迁往 TanStack Start 才重获性能与可维护性

Fri, 24 Oct 2025 00:50:03 GMT

#文章 Next.js App Router 结合 React Server Components 带来零 JS 前端渲染、流式 SSR 与自动代码分割等亮点，却同时陷入乐观更新缺失、每次导航重复取数、布局受限、双倍内容下载与调试痛苦的深度缺陷；作者用一年实战证明，这套架构对动态应用既浪费带宽又折磨开发者，最终迁往 TanStack Start 才重获性能与可维护性。

https://paperclover.net/blog/webdev/one-year-next-app-router

paperclover.net

One Year with Next.js App Router — Why We're Moving On

A critique of React Server Components and Next.js 15.

#文章 React Server Components 本身并不“神奇”，真正的性能提升来自“服务器端数据获取 + Streaming + Suspense”的正确组合

Fri, 24 Oct 2025 00:45:57 GMT

#文章 React Server Components 本身并不“神奇”，真正的性能提升来自“服务器端数据获取 + Streaming + Suspense”的正确组合。如果只用 RSC 而不重构数据流，性能甚至可能倒退。

https://www.developerway.com/posts/react-server-components-performance

Developer Way

React Server Components: Do They Really Improve Performance?

A data-driven comparison of CSR, SSR, and RSC under the same app and test setup, focusing on initial-load performance and the impact of client- vs server-side data fetching (including Streaming + Suspense).

#文章 2025 年的 Node.js 已内置全套现代 Web 标准与开发工具，升 20.x 即可零依赖写 ESM、fetch、测试、watch、权限、单文件部署，彻底告别“装包装到哭”的旧时代

Wed, 22 Oct 2025 02:54:49 GMT

#文章 2025 年的 Node.js 已内置全套现代 Web 标准与开发工具，升 20.x 即可零依赖写 ESM、fetch、测试、watch、权限、单文件部署，彻底告别“装包装到哭”的旧时代。

https://kashw1n.com/blog/nodejs-2025/

#AI #文章原型≠产品：作者指出，氛围编码工具适合创意验证，但无法替代专业开发

Wed, 22 Oct 2025 01:27:37 GMT

#AI #文章原型≠产品：作者指出，氛围编码工具适合创意验证，但无法替代专业开发。

https://thenewstack.io/as-vibe-coding-fades-woz-offers-production-ready-alternative/

The New Stack

As Vibe Coding Fades, Woz Offers Production-Ready Alternative

Woz launches to build production-ready apps using prebuilt components and human oversight, as traffic to leading vibe coding tools drops by as much as 64%.

#React #文章文章介绍了如何使用React的`useDeferredValue()`和`useSuspenseQuery()`构建响应式的异步组合框组件，通过将数据获取逻辑提取到单独组件中并利用Suspense和错误边界，简化了加载和错误状态管理，同时通过`useDeferredValue()`优化渲染，实现平滑的用户体验和过时数据更新体验

Thu, 16 Oct 2025 06:29:31 GMT

#React #文章文章介绍了如何使用React的`useDeferredValue()`和`useSuspenseQuery()`构建响应式的异步组合框组件，通过将数据获取逻辑提取到单独组件中并利用Suspense和错误边界，简化了加载和错误状态管理，同时通过`useDeferredValue()`优化渲染，实现平滑的用户体验和过时数据更新体验。

https://certificates.dev/blog/building-an-async-combobox-with-usesuspensequery-and-usedeferredvalue

certificates.dev

Building an Async Combobox with useSuspenseQuery() and useDeferredValue()

Learn how to build a responsive async combobox component using React's useDeferredValue() and useSuspenseQuery(). Discover how these concurrent features work together to create smooth user experiences with declarative loading states, optimistic updates, and…