🌰栗子前端技术周刊第 24 期 (2024.4.1 - 2024.4.7)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。
📰 技术资讯
- Bundows 来了 ：Bun 发布了 v1.1，这是一个巨大的版本，完成了对 Windows 的全面支持。Bun 速度很快，安装 Vite React App 时，
bun install比 yarn 和 pnpm 快 18 倍，比 npm 快 30 倍；bun run在运行脚本时比 npm run 快 11 倍。
-
Deno 1.4 ：Deno 1.42 已于上周发布，为其 JSR 仓库提供了更多的支持，并新增了两个子命令：
deno publish和deno add。 -
WordPress 6.5：WordPress 6.5 命名为 regina（灵感来自著名爵士小提琴家 Regina Carter 的多才多艺），6.5 版本支持了在网站上添加和管理字体，增强了背景和阴影工具，能从修订记录中获取更多信息等等。
-
SoybeanAdmin 1.0：SoybeanAdmin 是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统，开箱即用。
📒 技术文章
-
An Interactive Guide to CSS Container Queries：CSS 容器查询互动指南 - 这是一片关于 CSS 容器查询的详细说明，探讨了 CSS 容器查询所能解决的问题、工作原理以及如何在工作中使用 CSS 容器查询，其中还提供了大量代码示例。
-
纯 CSS 实现多标签自动显示超出数量：文中实现了用 CSS 实现这样一个功能：有多个宽度不同的标签水平排列，当外层宽度不足时，会自动提示超出的数量。
- 前端下载超大文件的完整方案：本文从前端方面出发实现浏览器下载大文件的功能，涉及分片下载、断点续传等等。
🔧 开发工具
- Cally：小型、功能丰富的日历组件 - 一组用于选择单个日期或日期范围的开源日历组件，与框架无关、可设主题、可本地化，大小仅 9Kb。
js
<calendar-date>
<calendar-month></calendar-month>
</calendar-date>- Pragmatic Drag and Drop Framework：一个注重性能的拖放库，可用于为任何前端技术栈提供强大的体验，官网页面上有一个实时演示。
- relative-time ：将时间戳格式化为本地化的相对时间 - 这是一个 Web Component 组件，传入格式标准的日期，组件会渲染成能自动更新的相对化时间，国际化通过
Intl.RelativeTimeFormat实现。
js
<relative-time datetime="2017-04-01T16:30:00-08:00">
6 years from now
</relative-time>🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。
💖 欢迎关注微信公众号：栗子前端 💖