🌰栗子前端技术周刊第 15期 (2024.1.22 - 2024.1.28):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。
📰 技术资讯
-
Taro 4.0 Beta:Taro 4.0 的 Beta 版本已经发布,为了庆祝这一重要里程碑,凹凸实验室将在 1 月 31 日通过线上直播与开发者分享和交流。
-
Bun Shell:使用 Bun Shell 更好地编写 JavaScript Shell 脚本 - 注重性能的服务器端运行时 Bun 将继续快速发展,通过使 Shell 脚本编写变得更简单、跨平台友好和不那么冗长,向 Shell 脚本的世界进军。
js
import { $ } from "bun";
// to stdout:
await $`ls *.js`;
// to string:
const text = await $`ls *.js`.text();
- Deno 1.40:Deno 刚刚发布了 v1.40,其中引入了 Temporal API,使日期和时间操作更加简便。
js
const birthday = Temporal.PlainMonthDay.from("12-15");
const birthdayIn2030 = birthday.toPlainDate({ year: 2030 });
console.log(birthdayIn2030.toString());
// 2030-12-15
console.log("day of week", birthdayIn2030.dayOfWeek);
// day of week 7
- Next.js 14.1:Next.js 14.1 更新内容中包括并行和拦截路由改进、Turbopack 改进以及 next/image 改进。
📒 技术文章
- Learn the :has() Selector by Example:文章介绍有关如何使用该选择器的五个实用示例。
js
button:has(.icon) {
display: flex;
gap: 10px;
}
-
12 Modern CSS One-Line Upgrades:这里有十几种非常值得了解的 CSS 属性,这些单行升级将有助于减少技术债务,删除不必要的 JavaScript 行,还能轻松提升用户体验。比如 object-fit, scroll-margin, accent-color 等等。
-
真的不考虑下grid布局?有时候真的很方便!:flex 布局大家应该已经运用的炉火纯青了,有些场景下 grid 布局能更快完成任务。
-
你还在使用websocket实现实时消息推送吗?:文章主要介绍 SSE 的使用场景和如何使用 SSE。SSE 是一个单向通讯的协议也是一个长链接,它只能支持服务端主动向客户端推送数据,但是无法让客户端向服务端推送消息。优势在于复杂度就没有那么高,相对于客户端的消耗也比较少。
🔧 开发工具
- react-use: 实用 Hook 大合集 - 内容丰富,从跟踪电池状态和地理位置,到设置收藏夹、防抖和播放视频,无所不包。
- sparkly-text:让文字闪闪发光的小型 Web 组件 - 在文字底下使用 SVG 动画的可爱效果。
- Wooden Toggles:木质感按钮示例。
🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢 💖