🌰栗子前端技术周刊第 10 期 (2023.12.18- 2023.12.24)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。
📰 技术资讯
- 火狐 v121 发布 ： 新功能、更新和修复 - 2023 年末发布的 Firefox 大版本，支持
:has()选择器、<iframe>懒加载、更新的text-wrap属性支持等。Firefox 121 发布后，所有主流浏览器都支持 :has()。
css
// 选择一个 h1 标题，该标题后面紧跟一个段落 p 元素，并将样式应用于 h1
h1:has(+ p) {
margin-bottom: 0;
}
// 在此之前只支持相邻兄弟选择器，同样 h1 后跟着 p，但样式用于 p
h1 + p {
margin-bottom: 0;
}-
Tailwind CSS v3.4 ：Tailwind CSS v3.4 支持动态视口单位(
dvh,lvh,svh)、支持:has()、支持子网格等功能。 -
Can I Use 集成 BaseLine：根据 BaseLine 的新定义，功能生命周期分为两个阶段。第一个是新推出，然后是在 30 个月后全面推出。
- SvelteKit 2 发布：SvelteKit 的第一个正式版本发布于一年前，尽管相对年轻，但该框架已迅速被社区所接受。此次发布的 2.0 版本是一个增量版本，增加了对 Vite 5 的支持，并为将于 2024 年发布的 Svelte 5 奠定了基础。
📒 技术文章
- Deep Cloning Objects in JavaScript, The Modern Way：如果你一直依赖 Lodash 等工具进行深度克隆，那么我们 "现在终于有了内置的 structuredClone 函数，让 JavaScript 中的对象深度克隆变得轻而易举"。
js
const kitchenSink = {
set: new Set([1, 3, 3]),
map: new Map([[1, 2]]),
regex: /foo/,
deep: { array: [ new File(someBlobData, 'file.txt') ] },
error: new Error('Hello!')
}
kitchenSink.circular = kitchenSink
const clonedSink = structuredClone(kitchenSink)-
React Libraries for 2023：2023 年的 React 库 - React 生态系统如此庞大，我们经常要面对技术选型问题，这份年度清单列出了不同问题的热门解决方案。
-
前端是怎么解析Excel、PDF、Word、PPT等文件的？：作为一名开发者，大家在开发过程中是不是经常遇到各种各样的文件，比如xlsx、word、ppt等办公类型的文件格式，还有pdf这种便携式的打印格式文件等。本文的目的是跟大家分享这些文件的本质。
-
手写一个 Zustand，只要 60 行：作为流行的状态管理方案之一，zustand 在 github 上有 38k star。
🔧 开发工具
- SVG.io：从文本提示生成自定义 SVG 图像 - 提示越简单，效果越好，而且免费使用，暂时没有任何限制。生成的 SVG 是单色的，但可以在你选择的 SVG 编辑器中自定义。
- UnsuckJS：比较轻量级 JavaScript 库 - 在一个页面上以表格形式列出前端 JS 库。可以查看 Preact、Bau、htmx、Hyperapp 和 Mithril 等不同库的相对受欢迎程度、文件大小和最新版本。
- timeago.js：格式化日期时间库，比如："3 hours ago"。支持多语言。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢 💖