栗子前端技术周刊第 56 期 (2024.11.11 - 2024.11.17)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

技术资讯

Node v23.2.0[1]：Node v23.2 版本中有一点值得关注：对 TypeScript 支持的开发现已进入积极开发阶段（而非“早期开发”），并且有了一个新的 module.stripTypeScriptTypes API。
TypeScript 5.7 RC[2]：TypeScript 5.7 RC 已经发布，最终版本预计将在未来一两周内发布。RC 版本内容和 Beta 版本一致，包括未初始变量检查的增强、相对路径的路径重写、支持 --target es2024 和 --lib es2024 等等。
CSS 的正式 Logo[3]：经过数百次投票，CSS 终于有了自己的 Logo，不再使用 CSS3 时代的盾牌和数字组合。CSS Logo 有一个主版本，以及一个深色和浅色版本。

Remix 2.14 和 React Router 6.28[4]：Remix 2.14 和 React Router 6.28 刚刚同时发布，因为它们既是同一个项目，也是完全不同的项目，有不同的优先级，但理念上是一致的，此次发布主要还是为 v7 版本做准备。
Storybook 8.4[5]：广受欢迎的前端组件工作坊发布了一个小版本，但其中新功能并不少的，包括一键组件测试、Svelte 5 支持、React Native Storybook 8 等等。

技术文章

New CSS That Can Actually Be Used in 2024[6]：2024 年可以真正用起来的新 CSS 功能 - 在过去的二到四年中，CSS 的新功能数量惊人，一些创新技术从根本上改变了网站的开发方式。本文是作者希望在 2024 年开始使用的 CSS 新功能的小抄。请注意，为了支持旧版浏览器，有时必须使用 polyfills。
Vue 3.5 新特性：useId API 的魔力与应用[7]：本文将带你深入了解 useId 的工作原理、应用场景以及它如何帮助我们构建更加健壮和易于维护的 Web 应用。
前端HTTP安全标头简介：HTTP 安全标头是 Web 安全的重要组成部分，它们可以帮助保护网站免受各种攻击，如跨站脚本（XSS）、点击劫持和 MIME 嗅探等。通过在服务器响应中正确配置这些标头，网站可以提高安全性并为用户提供更安全的浏览体验。

Component Party[8]：通过列举各种简单常用的代码片段，对许多不同框架（如 React、Vue、Svelte、Angular、Qwik、Solid.js 等）进行比较。

Lexical 0.20[9]：由 Meta 开发的富文本编辑器，考虑到了可扩展性、可访问性和跨平台支持，它对 React 的支持是一流的，但也可以在其他平台上使用（如 svelte-lexical），官网也提供了一个在线体验的游乐场。

import { micromark } from 'micromark'

console.log(micromark('## Hello, *world*!'))

// 输出：<h2>Hello, <em>world</em>!</h2>

以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

欢迎关注微信公众号：栗子前端

[1] Node v23.2.0: https://nodejs.org/en/blog/release/v23.2.0

[2] TypeScript 5.7 RC: https://devblogs.microsoft.com/typescript/announcing-typescript-5-7-rc/

[3] CSS 的正式 Logo: https://github.com/CSS-Next/logo.css#readme

[4] Remix 2.14 和 React Router 6.28: https://remix.run/docs/en/main/start/changelog

[5] Storybook 8.4: https://storybook.js.org/blog/storybook-8-4/

[6] New CSS That Can Actually Be Used in 2024: https://thomasorus.com/new-css-that-can-actually-be-used-in-2024.html

[7] Vue 3.5 新特性：useId API 的魔力与应用: https://juejin.cn/post/7436761561661472803

[8] Component Party: https://component-party.dev/

[9] Lexical 0.20: https://lexical.dev/

[10] Micromark 4.0.1: https://github.com/micromark/micromark