前端食堂技术周刊第 65 期：2022 Vue 年终总结、2022 HTTP 状态、12 月登陆 Web 平台的新功能

这是前端食堂的第 141 篇原创

美味值：🌟🌟🌟🌟🌟

口味：白桃乌龙拿铁

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

本期摘要

• 2022 Vue 年终总结
• 2022 HTTP 状态
• 12 月登陆 Web 平台的新功能
• Bun v0.4
• JavaScript 框架之迈向 2023 年
• Web 开发资源

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

技术资讯

1. 2022 Vue 年终总结^[2]

尤大发布了 2022 Vue 年终总结，下面挑选一些重点来看看：

2022 年 2 月，Vue3.x 成为新的默认版本^[3]。在 2022 年，Vue3 的 npm 使用量增长了近 200%。

社区方面，Vue 3 生态系统已经成熟。Nuxt 3^[4] 和 Vuetify 3^[5] 都在 2022 年 11 月发布稳定版本，NativeScript-Vue3^[6] 最近推出了测试版本，向已经支持 Vue 3 相当长一段时间的伟大项目瑞思拜：

• Quasar^[7]
• NaiveUI^[8]
• Ionic Vue^[9]
• PrimeVue^[10]
• InkLine^[11]
• ElementPlus^[12]
• 等等^[13]

很多用户由于迁移成本还停留在 Vue 2 上，为了确保 Vue2 的用户能够从框架的进步中获益，Vue 团队做出了一系列的努力：将 Vue2 的源码切换到 TypeScript，并在 Vue2.7^[14] 中反向移植了 Vue3 的一些重要特性。此外，确保 Vite、Vue Devtools 和 Volar 都同时支持 Vue 2 和 Vue 3。

展望 2023 年，Vue 会有更小、更频繁的 Minor 版本发布、Vapor Mode 登场、多场技术大会已确定日期、Vue 2 将于 2023 年 12 月 31 日结束生命周期 (EOL)^[15]。

2. 2022 HTTP 状态^[16]

• HTTP3 标准化^[17]
• HTTP 核心文档修订后发布，包括 HTTP Semantics^[18]、HTTP Caching^[19]、HTTP/1.1^[20]、HTTP/2^[21]
• Early Hints^[22]
• 以隐私为中心的中介
• 协议安全
• 展望 2023

3. 12 月登陆 Web 平台的新功能^[23]

12 月，Firefox 108^[24]、Safari 16.2^[25] 发布稳定版本。

• Firefox 108 支持 <source> 元素设置高度和宽度属性，支持 CSS 中的三角函数 sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• Safari 16.2 支持 Grid 和 Flex 布局的 last baseline 对齐，还为 font-variant-alternates 添加了一系列属性值的支持

4. Bun v0.4^[26]

Bun 堪称 996 达人，在 12 月连续发布两个 MINOR 版本，v0.3^[27] 和 v0.4^[28]。其中 v0.4 版本的主要更新有：引入了新命令 bunx，相当于 npx，启动速度要快 100 倍(对于本地安装的包来说)。添加了 --bun flag，继续提升对 Node.js 的兼容性等等。

下面我们来看技术资料。

技术资料

1. JavaScript 框架之迈向 2023 年^[29]

2022 年发布了大量推动 Web 开发的框架，Astro 和 Sveltekit 发布了 1.0 版本，SolidStart 和 Qwik 进入 Beta 阶段。React 18 已经发布，带来了 streaming 流式渲染，在 Next 和 Remix 中得到应用，同时为 React 服务端组件和 Next 13 的 app 目录提供了动力。TypeScript 在框架中得到大量应用：tRPC^[30]、Tanstack Router^[31]、create-t3-app^[32]。

2022 年是服务端渲染的复兴之年，在征服水合的道路上，框架们大展身手，进行了各种尝试：静态路线、渐进式水合、岛屿架构、可恢复性。2022 年还诞生了混合嵌套路由、细粒度的反应性得到更广泛的应用、TypeScript 驱动着框架和库的开发。

关于 2023 年的一些预测，请移步原文查阅。

2. Web 开发资源^[33]

精选的 Web 开发资源仓库，近 30 个分类，一次看过瘾。

随机 MDN

什么是无障碍？^[34]

周刊赞助

整理周刊要花费大量的精力和时间，不过你可以通过以下方式支持我：

• 将食堂分享给你的朋友；
• 订阅食堂的竹白付费专栏(食堂为你准备了专属的会员通讯，以及前端食堂数字花园知识库的访问权限)。

订阅地址：https://hungryturbo.zhubai.love/

知识星球新春福利

星球近期更新

• 2022 食堂技术周刊 Recap (上)
• 2022 食堂技术周刊 Recap (下)

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

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

参考资料

[1]

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

[2]

2022 Vue 年终总结: https://blog.vuejs.org/posts/2022-year-in-review.html

[3]

Vue3.x 成为新的默认版本: https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

[4]

Nuxt 3: https://nuxt.com/

[5]

Vuetify 3: https://vuetifyjs.com/

[6]

NativeScript-Vue3: https://github.com/nativescript-vue/nativescript-vue

[7]

Quasar: https://quasar.dev/

[8]

NaiveUI: https://www.naiveui.com/zh-CN/os-theme

[9]

Ionic Vue: https://ionicframework.com/docs/vue/overview

[10]

PrimeVue: https://www.primefaces.org/primevue/

[11]

InkLine: https://www.inkline.io/

[12]

ElementPlus: https://element-plus.org/zh-CN/

[13]

等等: https://twitter.com/vuejs/status/1599706412086878208

[14]

Vue2.7: https://blog.vuejs.org/posts/vue-2-7-naruto.html

[15]

Vue 2 将于 2023 年 12 月 31 日结束生命周期 (EOL): https://v2.vuejs.org/lts/

[16]

2022 HTTP 状态: https://blog.cloudflare.com/the-state-of-http-in-2022/

[17]

HTTP3 标准化: https://www.rfc-editor.org/rfc/rfc9114.html

[18]

HTTP Semantics: https://httpwg.org/specs/rfc9110.html

[19]

HTTP Caching: https://httpwg.org/specs/rfc9111.html

[20]

HTTP/1.1: https://httpwg.org/specs/rfc9112.html

[21]

HTTP/2: https://httpwg.org/specs/rfc9113.html

[22]

Early Hints: https://httpwg.org/specs/rfc8297.html

[23]

12 月登陆 Web 平台的新功能: https://web.dev/web-platform-12-2022/

[24]

Firefox 108: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/108

[25]

Safari 16.2: https://developer.apple.com/documentation/safari-release-notes/safari-16_2-release-notes

[26]

Bun v0.4: https://bun.sh/blog/bun-v0.4.0

[27]

v0.3: https://bun.sh/blog/bun-v0.3.0

[28]

v0.4: https://bun.sh/blog/bun-v0.4.0

[29]

JavaScript 框架之迈向 2023 年: https://dev.to/this-is-learning/javascript-frameworks-heading-into-2023-nln

[30]

tRPC: https://github.com/trpc/trpc

[31]

Tanstack Router: https://tanstack.com/router/v1

[32]

create-t3-app: https://github.com/t3-oss/create-t3-app

[33]

Web 开发资源: https://github.com/markodenic/web-development-resources/

[34]

什么是无障碍？: https://developer.mozilla.org/zh-CN/docs/Learn/Accessibility/What_is_accessibility

公众号：前端食堂

知乎：童欧巴

掘金：童欧巴

这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的“变胖”～

“

如果你觉得读了本文有收获的话可以点个在看让我看到。阅读过程中有任何问题、想法或者感触也欢迎你在下方留言，也可以在后台回复加群进入食堂的交流群。

沟通创造价值，分享带来快乐。也欢迎你分享给身边有需要的同学，利他就是最好的利己。

”

你的在看是我更新的动力