🌰栗子前端技术周刊第 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 等，周刊内容也会不断优化改进，希望你们能够喜欢 💖