栗子前端技术周刊第 77 期 - tsdown、Astro 5.7、Bun v1.2.10...

晓得迷路了
1,275 阅读2分钟

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

📰 技术资讯

  1. tsdown：Vue 团队成员开发的新打包工具，基于 Oxc 和 Rolldown 实现超高速打包与 .d.ts 生成，支持 Rollup/Rolldown/unplugin 插件体系，同时无缝复用 Vite 或 Vitest 的现有配置。

  2. Astro 5.7：Astro 5.7 带来了一大波功能，包括稳定版的 Sessions API、SVG 组件支持，以及全新的实验性 Fonts API。

  3. Bun v1.2.10：本周 Bun 发布了 1.2.9 和 1.2.10 版本，内容包括：setImmediate 性能优化、内置了 Redis 能力 Bun.redis、Bun.S3Client 新增 ListObjectsV2 支持、持续提升其 Node.js 兼容性等。

📒 技术文章

  1. How to use the React useRef Hook effectively：如何更有效的使用 React 的 useRef Hook - 文章介绍了 useRef 的概念、语法、何时使用、何时不该使用和最佳实践。

  2. 理解浏览器视口：为什么你的屏幕分辨率不直接决定网页的显示区域？本文围绕浏览器视口展开，介绍了布局视口、视觉视口、理想视口的概念，指出操作系统缩放比例如何影响视口大小。

  3. 通过打包后的源码解析 Webpack 懒加载原理：Webpack 的懒加载通过动态 import() 语法实现按需加载模块，文章通过一个 demo 演示带你一步步解析其原理。

🔧 开发工具

  1. Zod 4 beta：Zod 是一个 TypeScript 优先的数据模式验证库，Zod 4 beta 速度更快、体积更小、对 TypeScript 编译器更友好。
  1. Animate.css：开箱即用的 CSS 动画库。
animate.css
  1. Dexie.js：轻量级的 IndexedDB 库，封装了浏览器原生的 IndexedDB API，使得在浏览器中进行数据存储和查询变得更加容易。
image-20250419211811912

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

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

avatar
文章
阅读
粉丝