共计 1893 个字符，预计需要花费 5 分钟才能阅读完成。
美味值：🌟🌟🌟🌟🌟
口味：荔枝红茶
- 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly
本期摘要
- Turbopack
- Next.js 13
- Chrome 107
- Vite 3.2
- Babel v7.20.0
- 图解 TLS 1.3 连贯
- 全网最佳暗黑模式鉴赏
- 组件画廊
- 命令行的艺术
- WebAPI 查看
大家好，我是童欧巴。欢送来到本期的前端食堂技术周刊，咱们先来看下上周的技术资讯。
本期资助
技术资讯
1.Turbopack
Vercel 公布 Turbopack，目前处于 alpha 阶段。Turbopack 由 Webpack 作者 Tobias Koppers 亲自操刀，用 Rust 编写，作者的愿景是代替 Webpack 95% 的性能和扩展性。
其个性如下：
- 汲取 Webpack 十年来的经验教训，联合 Turborepo 和 Google 的 Bazel 在增量计算方面的翻新，创立了一个筹备反对将来几十年计算的架构；
- 官网宣称热更新比 Vite 快 10 倍，比 Webpack 快 700 倍；
- 内置增量计算引擎，能够达到单个函数级别的缓存；
- 基于申请级别的按需编译；
- 生态方面反对 JavaScript、TypeScript、CSS、CSS Modules、插件零碎会打算反对 SCSS、LESS、Babel 等，风行的前端框架 Svelte、React、Vue.js 等。
尤雨溪近日也亲自对 Vite 和 Turbopack 的热更新性能进行比照，并公开 代码仓库，得出的论断是热更新性能差不多，远远没有下面宣称的 10 倍差距。
营销归营销，所有还是等 Turbopack 的插件架结构进去再下定论吧，一个好的架构远远比用什么语言更重要，而且还要思考到对已有生态系统的反对，后方的路还很长。
Turbopack 中 JavaScript 和 TypeScript 的打包是基于 SWC，随着 Turbopack 的公布，SWC 的作者 kdy1 发表将他 新的 TypeScript 类型查看器开源，并且最终决定应用 Rust 编写。这个故事有点长，不分明故事线的同学能够去链接里读。
这个新的 TypeScript 类型查看器叫 stc，要不要改个名字，叫 Turbocheck？🤣
坐等 Turbopack 官网公开上面数据的测试代码。
2.Next.js 13
Next.js 13 次要个性如下：
- app/ Directory (beta)：改良文件系统路由，包含对布局、服务器组件、流数据和数据获取的反对；
- 新的 next/image 组件；
- 全新的字体零碎 next/font；
- OG 社交卡片图像生成；
附赠 迁徙指南 和 Next.js Conf 回放。
3.Chrome 107
Chrome 107 次要个性如下：
- 增加 Screen Capture API 属性，改善屏幕共享体验；
- Performance API 减少 renderBlockingStatus 属性，能够准确辨认页面上的资源是否有渲染阻塞；
- 申明式 PendingBeacon API 向后端服务器发送数据。
4.Vite 3.2
Vite 3.2 公布，次要个性如下：
- Library 模式下反对多个打包入口；
- build.modulePreload 构建选项。
坐等 Vite 4，Vite 4 RoadMap。
5.Babel v7.20.0
- 反对 TypeScript 4.9；
- 反对 Stage 2 阶段的 Import Reflection、Explicit Resource Management；
- 反对编译给 Deno 应用；
- 公布 Babel-loader 9.0，放弃对 webpack < 5、Babel < 7.12、Node.js < 14.15 LTS 的反对。
上面咱们来看技术材料。
技术材料
1. 图解 TLS 1.3 连贯
如题。
2. 全网最佳暗黑模式鉴赏
这个站点收集了全网反对 Dark Mode 的丑陋网站。
3. 组件画廊
组件画廊收集了很多设计零碎，并提供了搜寻性能，当你输出一个组件名称，它会帮你找到领有这个组件的组件库和设计零碎。
4. 命令行的艺术
无论你是老手还是新手，这个仓库都能帮忙你晋升应用命令行的效率。
5.WebAPI 查看
这个我的项目能够帮忙你查看你的设施上有哪些 WebAPI 可用，在你想查看的设施上关上这个页面即可，我的项目目前正在施工中。
其余信息
- Node v18.12.0 (LTS)
- ESLint v8.26.0
- Storybook 的新网站
- AI 绘画材料合集
- Docusaurus 2.2
好文举荐
上面来看一下好文举荐，本周举荐的好文是：
1. 在 Next.js 中构建一个交互式的 WebGL 体验
2.8K HDR!|为 Chromium 实现 HEVC 硬解 – 原理 / 实测指南
好了，以上就是本期的食堂周刊，观众老爷们如果感觉还不错，一键三连是对食堂老板最大的反对。
你的前端食堂，吃好每一顿饭，咱们下期见。
