🌰栗子前端技术周刊第 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 等,周刊内容也会不断优化改进,希望你们能够喜欢。
💖 欢迎关注微信公众号:栗子前端 💖