FE Bits Vol.13｜TypeScript 首次成为 GitHub 最常用语言、VoidZero A 轮融资 1250 万美元

本周刊更新时间期望是在每周天，网站在建设中……
目前推荐使用 Folo 订阅本周刊的 Quaily RSS。
公众号前端周周谈 FE Bits，点击阅读原文链接可查看原文。
QQ 讨论小群 598022684，日常讨论前端技术 & 生活，也可在群里投稿自己的文章，随意加入，比较偏向粉丝群的性质～
本周刊同时也开源在 fe-bits-weekly，欢迎关注。

今天是 2025 年 11 月 2 日，星期天。

周五去九寨沟游玩了一天，超级棒，即使是阴天也不影响它的美，难怪说「九寨归来不看水」，真的是很美。

九寨沟的交通是最折腾的，成都到九寨沟高铁 1 个半小时，高铁站到景区还要 2 个小时，一来一回快 7 个小时，一天特种兵行程的话真的巨累（建议俩天）但就算是现在这样据说也比以前交通方便多了，高铁站近几年才通的。

景区的车辆调度确实快，除了换左右线的时候排队时间比较长（半小时）其他都挺快的，几分钟就能上车，这可是 4w 人的旺季。

山里天气不像天气预报一样一直有雨，偶尔下一点点而已，带的伞都没用上。

懒得暴走，所以先逛中线，然后坐车逛完了右线，去左线看长海-五彩池，这个行程感觉挺省力的。

九寨沟秋景
An image to describe post

中线的几个海子：
An image to describe post

五彩池
An image to describe post

长海
An image to describe post

生态与社区动态

New in Chrome 142：Chrome 142 引入了多项前端开发相关的新特性，包括用于滚动标记的 :target-before 与 :target-after 伪类、支持比较运算符的 CSS 样式容器查询 (style container queries) 与 if() 函数的范围语法 (range syntax)，以及可用于交互触发的 interestfor 属性。
Octoverse：每秒钟都有一个新的开发者加入 GitHub， AI 将 TypeScript 带到了 #1：2025 年 GitHub 的年度报告，比较有意思，摘了其中几个点看看：

GitHub 总用户达 1.8 亿，年增 3600 万，创下历史最高增长率。每秒新增 1 名开发者，印度贡献 500 万以上新用户，占全球新增 14%。

生成式人工智能如今已成为开发中的标准配置。超过 110 万个公共代码库正在使用 LLM SDK，其中仅过去 12 个月就新增了 693,867 个项目（同比增长 178%）。开发者们还合并了创纪录的 5.187 亿个拉取请求（同比增长 29%），80% 的新开发者在第一周就开始使用 Copilot。

TypeScript 首次成为 GitHub 最常用语言，超越 Python 和 JavaScript。即便如此，Python 在人工智能和数据科学工作负载方面仍然占据主导地位，而 JavaScript/TypeScript 生态系统的整体活跃度仍然高于 Python 本身。

总计 3.95 亿个公共存储库托管了 11.2 亿次贡献和 5.187 亿次合并拉取请求——每一次都是一项记录。

还有很多很多数据，感兴趣的建议阅读原文。

VoidZero Raises $12.5M Series A：VoidZero 宣布获得 1250 万美元 A 轮融资，本轮融资旨在加速推进其统一 JavaScript 工具链「Vite+」的稳定发布，以及推动旗下开源项目的持续发展。团队引入多位优秀工程师，包括 napi-rs 作者和多个 OSS 核心贡献者。
Vercel 现在支持 Bun 运行时：Vercel 宣布正式支持 Bun Runtime（运行时），开发者现在可以直接在 Vercel 上运行基于 Bun 的应用。
ViteConf 2025 Recap：ViteConf 2025 回顾，包括 Vite+、Oxlint JS 插件、Vite DevTools、Nitro v3、Vitest 4 及性能工具链新进展。
React Conf 2025 Recap：React Conf 2025 回顾，展示了 React 生态最新成果，包括 React Compiler v1.0 正式版、React Foundation 成立、React 19.2 与 React Native 新架构的重大更新等。
Electron 39：Electron 39 发布，升级到 Chromium 142.0.7444.52、V8 14.2 和 Node 22.20.0 的升级。

文章与视频

原生 CSS 中的 Springs 和 Bounces：介绍如何利用原生 CSS 的 linear() 函数实现类似物理弹簧(spring)和反弹(bounce)的动画效果，并探讨其优劣与应用方式。
使用 details 元素、网格和子网格实现纯 CSS Tabs：介绍如何仅使用 HTML <details> 元素与 CSS Grid / Subgrid 构建可访问的选项卡 (Tabs)
今天就开始在你的网站上使用视图转换吧：深入介绍如何在网站中应用 View Transition API 实现页面间的平滑转场动画。
我使用 Claude Code 开发 Rolldown 的体验：在 Rolldown 开发中高强度使用 Claude Code 进行真实开发的思考与经验分享。
从周报 #102 - 我是如何使用 AI 的里看到的文章，我觉得说的都挺对的，现在 AI 确实是很好的副驾驶了，我也是同时用着 codex / claude code / cursor 感觉爽翻天了。
Junior Dev Tip: "Scroll Up"：一次初级开发者调试错误的故事，提醒大家“多滚动一点，认真读错误信息”。

大多数情况下，工具都会提供相关信息。真的只需要多花几秒钟，仔细阅读一下提示信息就行。

Directives and the Platform Boundary | TanStack Blog：探讨框架自创 “use server”、“use client” 等自定义指令 (Directive) 趋势。这些指令表面上像平台特性，却缺乏标准规范，模糊了语言与框架的界线，引发生态混乱、工具负担与可移植性风险。作者主张指令应保持极少且标准化，用于语言层；而具参数化、策略性或扩展需求的功能应采用显式 API（好文，No Directive！）
我创建了 10 次相同的应用：评估移动性能框架：作者以构建同一款 Kanban App 十次的方法，系统测试十个现代前端框架在移动端性能上的差异。
一个不断预测 Web 死亡的人：回顾 Forrester 创始人 George Colony 30 年来多次预测 “Web 已死” 的荒谬历史，从最初批评 Web 静态、缺乏交互性，到 2000 年代鼓吹 “XInternet”，再到 2010 年代推崇 “App Internet”，以及 2020 年代声称生成式 AI 会取代 Web，揭示技术悲观主义的循环与 Web 的持久生命力。

CSS 新特性

不使用 JavaScript 获取屏幕宽度和高度：介绍如何使用纯 CSS 获取屏幕宽高（像素值），无需使用 JavaScript。需注意的是，Safari 上应使用 dvh 才准确，其中包括了 CSS 类型化算术 (Typed Arithmetic) 这个技巧，100vw/1px 得到纯数字的 px 值，CSS Typed Arithmetic 支持度为 Safari 26 / Chrome 140，Firefox 暂不支持。
精准定位的 Tooltip：基础篇：本文详细介绍了如何利用现代 CSS 的锚点定位 (Anchor Positioning) API 来创建能够智能定位、避免溢出的工具提示 (Tooltip)，全程无需 JavaScript。（是之前 CSS Tips 锚点定位一系列教程的总结，都是 Temani Afif 写的，不同的是这篇讲解的比较多）