这是前端食堂的第 141 篇原创
美味值:🌟🌟🌟🌟🌟
口味:白桃乌龙拿铁
大家好,我是童欧巴。欢迎来到 2023 年第一期前端食堂技术周刊,我们先来看下上周的技术资讯。
尤大发布了 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 相当长一段时间的伟大项目瑞思拜:
很多用户由于迁移成本还停留在 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]。
12 月,Firefox 108[24]、Safari 16.2[25] 发布稳定版本。
<source>
元素设置高度和宽度属性,支持 CSS 中的三角函数 sin(), cos(), tan(), asin(), acos(), atan(), atan2()
last baseline
对齐,还为 font-variant-alternates
添加了一系列属性值的支持Bun 堪称 996 达人,在 12 月连续发布两个 MINOR 版本,v0.3[27] 和 v0.4[28]。其中 v0.4 版本的主要更新有:引入了新命令 bunx,相当于 npx,启动速度要快 100 倍(对于本地安装的包来说)。添加了 --bun
flag,继续提升对 Node.js 的兼容性等等。
下面我们来看技术资料。
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 年的一些预测,请移步原文查阅。
精选的 Web 开发资源仓库,近 30 个分类,一次看过瘾。
什么是无障碍?[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
公众号:前端食堂
知乎:童欧巴
掘金:童欧巴
这是一个终身学习的男人,他在坚持自己热爱的事情,欢迎你加入前端食堂,和这个男人一起开心的“变胖”~