前端食堂技术周刊第 65 期：2022 Vue 年终总结、2022 HTTP 状态、12 月登陆 Web 平台的新功能
前端食堂技术周刊第 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/
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
参考资料
[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
公众号：前端食堂
知乎：童欧巴
掘金：童欧巴
这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的“变胖”～