前端食堂技术周刊第|前端食堂技术周刊第 45 期（Vite3.0、第91次TC39会议、Figma背后的CSS、B 站事故复盘、图片优化工具）前端食堂技术周刊第45期：Vi

美味值：
口味：超级水果杯

食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。
本期摘要

Vite 3.0
Deno v1.24
图片优化工具
Figma 背后的 CSS
B 站事故复盘
第 91 次 TC39 会议
软件工程师精选论文列表

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯 1.Vite 3.0

文章图片

【前端食堂技术周刊第|前端食堂技术周刊第 45 期（Vite3.0、第91次TC39会议、Figma背后的CSS、B 站事故复盘、图片优化工具）】Vite 现在和可口可乐一样流行，一天不喝可乐就不快乐。
距离 Vite 2 发布已经过去了 16 个月，Vite 3 终于来了。Vite 团队决定至少每年发布一个 major 版本，以配合 Node.js's EOL。

全新的 VitePress 文档
默认端口号从 3000 变更为 5173
内置更加完善的 WebSocket 连接策略
冷启动性能提升，预构建不再阻塞 Dev Server 启动，使用延迟处理，将预构建行为推迟到页面加载的最后阶段进行，从根本上防止二次预构建
重写 import.meta.glob，支持更加灵活的语法
SSR 构建产物默认使用 ESM
修改 WebAssembly 的导入 API，避免与未来标准发生冲突
实验性：细粒度 base 配置、esbuild 预构建用于生产环境、HMR Partial Accept
减小 Bundle Size：Terser、node-forge 变为可选项
不再支持 Node 12，至少需要 14.18+
Bug Fixing，issue 从 700 减少到 400
VitePress 构建参与 CI 流程、单元测试和 E2E 测试迁移到 Vitest、pnpm 迁移到 v7、官方所有插件使用 unbuild 构建，并且 plugin-vue-jsx 和 plugin-legacy 迁移到 TS
使用 vite-ecosystem-ci 保证生态系统 CI 运作
Rollup 团队将于几个月后发布新的 major 版本，Vite 将持续跟进

2.Deno v1.24
卷起来吧！
受到了 Bun 的“肉弹”攻击后，Deno 的新版本 FFI 性能提升了约 200 倍。谁说 Rust 不如 Zig？

文章图片

下面我们来看技术资料。
技术资料 1.图片优化工具
作者整理了 40 余种图片优化工具，我服了。以后谁再管你要图片压缩网站，请甩给他这个链接。
2.Figma 背后的 CSS
本文整理了一些在 Figma 中 Flexbox 和 Grid 的有趣用法。
3.B 站事故复盘
去年的 B 站事故至今记忆犹新，当时很晚还和同事语音，猜测和讨论原因。时隔 1 年，终于等到了 B 站的官方复盘，估计谁也想不到是因为一个 “0”。
说回这篇复盘本身，是非常用心的。内容包含各种细节，给 B 站的程序员点波赞！
4.第 91 次 TC39 会议
2022.07.19-2022.07.21，第 91 次 TC39 会议在旧金山举行。摘出来几条 ECMAScript 规范在第 3、4 阶段的进展：
第 4 阶段