🌰栗子前端技术周刊第 45 期 (2024.8.26 - 2024.9.1):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。
📰 技术资讯
- Rspack 1.0:Rspack 是 Rust 驱动的 JavaScript 打包工具,兼容 webpack API 和生态系统,同时还能提供数倍的性能提升。Rspack 团队认为现在 Rspack 已经为生产做好了准备,并鼓励大家使用 Rspack 尝试基于 webpack 的项目。
- Nuxt 3.13:Nuxt 3.13 版本发布,内容包括路由组、Islands 和 Head 元数据、
NuxtLink
支持自定义预取触发、更好的服务器源映射等。
<template>
<div>
<NuxtLink prefetch-on="interaction">
悬停/获得焦点时触发预取
</NuxtLink>
<!-- 注意,你可能不希望两者同时启用! -->
<NuxtLink :prefetch-on="{ visibility: true, interaction: true }">
悬停/获得焦点或变得可见时触发预取
</NuxtLink>
</div>
</template>
- Deno 1.46:Deno 1.46 已发布,该版本是 Deno 2.0 发布前的最后一个 1.x 版本。内容包括更简洁的 CLI 命令、
deno serve
运行速度提升、deno fmt
格式化命令支持 HTML, CSS, YAML 等更多文件类型、可与 V8 引擎的 12.9 版本一起使用等等。
# format HTML
deno fmt --unstable-html index.html
# format CSS/SCSS/Sass/Less
deno fmt --unstable-css styles.css
# format YAML
deno fmt --unstable-yaml config.yml
-
TypeScript 5.6 RC:TypeScript 5.6 RC 发布,相比于上次的 5.6 Beta 版本,5.6 RC 内容包括恢复了 TypeScript 语言服务搜索 tsconfig.json 文件的方式、多个新类型进行了重命名、构建模式新增了一个名为
--stopOnBuildErrors
的标记等。 -
Material UI v6:Material UI v6 版本正好赶上了其首次 git 提交后的 10 周年纪念,该版本重点改进了主题设计、配色方案管理、容器查询和 React 19 支持。
-
CSS 2024 现状调查:CSS 2024 现状调查开始了,内容包括布局、色彩、排版、可访问性等内容,有兴趣的可以去填写问卷。
📒 技术文章
-
Implementing React From Scratch: 从零开始实现 React - 文中作者将带你从零开始实现 React,内容包括 JSX、Hook 等。
-
How to Create an NPM Package in 2024:在 2024 年如何创建一个 NPM 软件包 - 听起来很简单,但如果你想遵循最佳实践,就需要很多步骤才能实现一个规范的 NPM 包。
-
关于请求这件小事:作者从实际案例出发,介绍了相似请求下的合并请求、不同请求展示最新的结果、不同请求下的并发请求这三个开发场景和对应的解决方案。
🔧 开发工具
- Calendar.js:具有拖放功能的日历控件 - 一个无其他依赖的响应式日历,完全支持拖放。
- json-viewer 3.5:以可读、用户友好的方式显示 JSON 数据。
- npm-check-updates 17.0: 支持将 package.json 中的依赖库更新到最新版本,它包含一个方便的
-i
交互模式,让你可以一个个的确认要升级的库。
🌹 感谢 PDieE 提供的 Nuxt 3.13 资讯翻译,链接:juejin.cn/post/740744…
🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。
💖 欢迎关注微信公众号:栗子前端