🌰栗子前端技术周刊第 77 期 (2025.04.14- 2025.04.20)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。
📰 技术资讯
-
tsdown ：Vue 团队成员开发的新打包工具，基于 Oxc 和 Rolldown 实现超高速打包与
.d.ts生成，支持 Rollup/Rolldown/unplugin 插件体系，同时无缝复用 Vite 或 Vitest 的现有配置。 -
Astro 5.7：Astro 5.7 带来了一大波功能，包括稳定版的 Sessions API、SVG 组件支持，以及全新的实验性 Fonts API。
-
Bun v1.2.10 ：本周 Bun 发布了 1.2.9 和 1.2.10 版本，内容包括：
setImmediate性能优化、内置了 Redis 能力Bun.redis、Bun.S3Client新增ListObjectsV2支持、持续提升其 Node.js 兼容性等。
📒 技术文章
-
How to use the React useRef Hook effectively ：如何更有效的使用 React 的
useRefHook - 文章介绍了useRef的概念、语法、何时使用、何时不该使用和最佳实践。 -
理解浏览器视口：为什么你的屏幕分辨率不直接决定网页的显示区域？本文围绕浏览器视口展开，介绍了布局视口、视觉视口、理想视口的概念，指出操作系统缩放比例如何影响视口大小。
-
通过打包后的源码解析 Webpack 懒加载原理 ：Webpack 的懒加载通过动态
import()语法实现按需加载模块，文章通过一个 demo 演示带你一步步解析其原理。
🔧 开发工具
- Zod 4 beta：Zod 是一个 TypeScript 优先的数据模式验证库，Zod 4 beta 速度更快、体积更小、对 TypeScript 编译器更友好。
- Animate.css：开箱即用的 CSS 动画库。
- Dexie.js：轻量级的 IndexedDB 库，封装了浏览器原生的 IndexedDB API，使得在浏览器中进行数据存储和查询变得更加容易。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。
💖 欢迎关注微信公众号：栗子前端