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

技术资讯

1. TypeScript 5.6[1]：TypeScript 5.6 发布，带来了很多实用功能，包括更完善的空值与真值检查、迭代器帮助方法、支持任意模块标识符、编辑器中的区域优先诊断等等。

if (/0x[0-9a-f]/) {
    // 哎呀！这个代码块总是执行。
    // ...
}

function isValid(value: string | number, options: any, strictness: "strict" | "loose") {
    if (strictness === "loose") {
        value = +value;
    }
    return value < options.max ?? 100;
    // 哎呀！这被解析为 (value < options.max) ?? 100
}

2. ESLint 9.10[2]：从本版本开始，ESlint 将发布自己的类型声明包，首个版本复制了 @types/eslint 中的类型定义，并修复了一个类型错误，后续 ESlint 会继续迭代和改进类型定义，同时团队感谢了在 @types/eslint 包中贡献代码的所有人。
3. Express.js 5.0[3]：这个开创性的 Node.js Web 应用框架似乎沉睡了几年，但今年早些时候又重新焕发了生机，V5.0 带来了各种现代化的调整和依赖关系更新。
4. Storybook 8.3[4]：该版本内容包括：集成 Vitest 作为组件测试工具；Storybook 的 Next.js 框架实现了更好的 Vitest 兼容性和 DX 功能；进一步缩小了项目包大小，从而减少了安装占用空间等等。

技术文章

1. The Web's Clipboard, and How It Stores Data of Different Types[5]：Web 剪贴板，以及它如何存储不同类型的数据 - 文中探讨了目前 Web 上复制和粘贴的工作方式、如何处理不同数据类型以及自定义格式提案的内容。
2. Brand New Performance Features in Chrome DevTools[6]：Chrome DevTools 中全新的性能面板 - 深入了解 Chrome 浏览器更新的性能面板及其显示的所有不同指标，帮助你提高网站的性能。
3. 前端 PDF 预览技术揭秘[7]：PDF 作为一种广泛使用的文件格式，已经成为了人们日常生活和工作中不可或缺的一部分，文中介绍了 PDFObject.js 和 PDF.js 这两款备受欢迎的解决方案及其使用场景。

开发工具

1. svg.wtf[8]：学习如何编写 SVG 代码的游乐场 - 包括一些有用的代码相关功能，如悬停查看属性的文档等。

2. Jimp[9]：可让你在浏览器和 Node.js 中轻松加载和处理图像，下图是一个置灰操作，除此之外，还支持图像的模糊、颜色调整、大小调整、旋转等等。

3. Redirect Checker[10]：URL重定向分析工具 - 包括众多帮助分析重定向的功能，如提供详细的路径分析、批量重定向检查、自定义用户代理选择等。

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

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

参考资料

[1] TypeScript 5.6: https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/

[2] ESLint 9.10: https://eslint.org/blog/2024/09/eslint-v9.10.0-released/

[3] Express.js 5.0: https://github.com/expressjs/express/releases/tag/v5.0.0

[4] Storybook 8.3: https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md#830

[5] The Web's Clipboard, and How It Stores Data of Different Types: https://alexharri.com/blog/clipboard

[6] Brand New Performance Features in Chrome DevTools: https://www.debugbear.com/blog/fix-web-performance-devtools

[7] 前端 PDF 预览技术揭秘: https://juejin.cn/post/7413562537689071650

[8] svg.wtf: https://svg.wtf/

[9] Jimp: https://jimp-dev.github.io/jimp/

[10] Redirect Checker: https://www.redirectchecker.org/