栗子前端技术周刊第 146 期 - React 19.3、jQuery 1.0 20 周年、Bun 1.4.2...

🌰栗子前端技术周刊第 146 期 (2026.09.07 - 2026.09.13)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。

📰 技术资讯

1. React 19.3 ：React 19.3 正式发布，稳定支持视图过渡（view transitions）与片段引用（fragment refs），新增 Trusted Types 支持，同时提供 browser() API，通过 use(browser()) 调用，让组件在需要浏览器专属 API 时跳过服务端渲染。

2. jQuery 1.0 20 周年 ：jQuery 1.0 已经问世 20 周年。InfoQ 回顾了 $() 函数如何帮助开发者熬过浏览器大战，以及至今仍有大量网站在使用 jQuery 的原因。再往前追溯十年，微软为规避商标问题，在 IE 浏览器中将 JavaScript 实现命名为 JScript。

3. Bun 1.4.2 ：Bun 1.4.1 与 1.4.2 发布，大幅降低空闲内存占用，bun build 打包产物体积更小，Bun.serve 可在同一端口同时支持 HTTP/2 和 HTTP/1.1。

📒 技术文章

1. How Turbopack Chunks Your JavaScript：Turbopack 如何拆分 JavaScript 代码块 - 从浏览器网络面板入手逐层解析，探讨代码块拆分策略，以及打包工具在减少请求数量和缩减代码体积之间的取舍（例如：8 个代码块的总大小，可能反而大于 355 个代码块），数据来源于对 Next.js 官网项目的打包实测。

2. New Things You Should Know About HTML in 2026：2026 年你需要了解的 HTML 新特性 - HTML 的迭代节奏相比 CSS 和 JavaScript 稍慢，但依然有不少值得跟进的新能力。作者介绍了多项特性，包括地理定位元素、Canvas 内渲染 HTML、通过 UserMedia 管理摄像头与麦克风，以及 model 元素，是很好的学习资料。

3. Markdown 流式解析如何避免标签截断：文章围绕大模型流式输出 Markdown 前端解析渲染时的闪烁问题展开，根本原因是闭合语法与未完成文本冲突。解决方法包括：延迟渲染，先输出完整部分；代码块内按纯文本处理；用 remend 补全未闭合语法等等。

🔧 开发工具

1. Dropzone.js 6.x：拖拽上传库，新版本无任何依赖、打包体积更小，并修复了分片上传可能导致文件损坏的问题。

2. ESLint Config Inspector 3.4：ESLint 官方的扁平配置可视化调试工具，3.4 版本新增统计面板，可按需查看各规则耗时，帮助排查 lint 性能瓶颈。

3. Drawably：一套精致的手绘风格 UI 控件集合。动画笔触效果基于种子随机算法生成。无任何依赖，JS 代码 gzip 压缩后约 7KB，样式表 3KB。

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端