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

美味值：🌟🌟🌟🌟🌟

口味：超级水果杯

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

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

本期摘要

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

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

技术资讯

1.Vite 3.0

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 阶段

• Hashbang Grammar

在 JavaScirpt 文件头使用 #！ 用于 shell 识别解释器。

第 3 阶段

• Duplicate named capturing groups

允许正则表达式捕获组命名重复。

5.软件工程师精选论文列表

这个仓库整理了软件工程师领域的精选论文，收藏夹 +1。

其他信息

• Storybook 7.0 design sneak peek
• zustand v4.0.0-rc.4
• Remix v1.6.5
• VueUse v9.0.0-beta.0
• 尤雨溪主题演讲《2022 前端生态趋势》全记录

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1.UI 框架中的一致性成本

2.编程语言是如何实现泛型的

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。