栗子前端技术周刊第 47 期 – TypeScript 5.6、ESLint 9.10、Express.js 5.0…

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

📰 技术资讯

1. TypeScript 5.6：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;
    
}

2. ESLint 9.10：从本版本开始，ESlint 将发布自己的类型声明包，首个版本复制了 @types/eslint 中的类型定义，并修复了一个类型错误，后续 ESlint 会继续迭代和改进类型定义，同时团队感谢了在 @types/eslint 包中贡献代码的所有人。

3. Express.js 5.0：这个开创性的 Node.js Web 应用框架似乎沉睡了几年，但今年早些时候又重新焕发了生机，V5.0 带来了各种现代化的调整和依赖关系更新。

4. Storybook 8.3：该版本内容包括：集成 Vitest 作为组件测试工具；Storybook 的 Next.js 框架实现了更好的 Vitest 兼容性和 DX 功能；进一步缩小了项目包大小，从而减少了安装占用空间等等。

📒 技术文章

1. The Web’s Clipboard, and How It Stores Data of Different Types：Web 剪贴板，以及它如何存储不同类型的数据 – 文中探讨了目前 Web 上复制和粘贴的工作方式、如何处理不同数据类型以及自定义格式提案的内容。

2. Brand New Performance Features in Chrome DevTools：Chrome DevTools 中全新的性能面板 – 深入了解 Chrome 浏览器更新的性能面板及其显示的所有不同指标，帮助你提高网站的性能。

3. 前端 PDF 预览技术揭秘：PDF 作为一种广泛使用的文件格式，已经成为了人们日常生活和工作中不可或缺的一部分，文中介绍了 PDFObject.js 和 PDF.js 这两款备受欢迎的解决方案及其使用场景。

🔧 开发工具

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

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

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

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

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