共计 1791 个字符,预计需要花费 5 分钟才能阅读完成。
美味值:🌟🌟🌟🌟🌟
口味:黑加仑乌龙茶
- 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly
本期摘要
- 4 月登陆 Web 平台的新内容
- Angular v16
- Next.js 13.4
- Qwik v1.0
- 5 月 Svelte 的新性能
- Rspack v0.1.9
- TailwindCSS vs UnoCSS
- ECMAScript 2023 的新性能
- Vue 3.3 新个性前瞻和简略评估
- React 渲染交互式指南
大家好,我是童欧巴。欢送来到前端食堂技术周刊,咱们先来看下上周的技术资讯。
技术资讯
1. 4 月登陆 Web 平台的新内容
在 4 月份,Firefox 112,Chrome 112 公布稳固版本。
Firefox 112
- 引入 inert 全局属性
- linear() easing function
Chrome 112
- 反对 CSS 嵌套,引入了一个新的嵌套选择器
>
- 反对 animation-composition
- 全新 无头模式
2. Angular v16
Angular v16 公布,次要个性如下:
- 开发者预览版引入全新的 Angular 反馈性模型,提供 Angular Signals 库,与 RxJS 放弃互操作
- 服务器端渲染和水合作用加强,Angular 服务端渲染的下一步打算
- 开发者预览版引入基于 esbuild 的构建零碎
- 应用 Jest 和 Web Test Runner 进行更好的单元测试
- 一系列改善开发者体验的性能
3. Next.js 13.4
Next.js 13.4 公布,次要个性如下:
- App Router 稳固
- Turbopack(Beta)
- Server Actions(Alpha)
4. Qwik v1.0
Qwik 公布 v1.0,次要个性如下:
开箱即用取得惊人的用户体验
- JavaScript 流式传输的即时加载,使应用程序在 CWV 得分上放弃杰出的体现,即便应用程序越来越简单
- 揣测性代码获取,在用户须要时提供所需代码,以确保即便在慢速挪动设施、不牢靠的网络上也能实现即时用户交互
- 懒执行,给浏览器主线程最大的自在
- 优化渲染工夫,Qwik 是响应式的,默认状况下,它只会更新必定须要的内容,而不是更多内容
- 从服务器开始获取数据,以避免“瀑布”提早
杰出的开发体验
- 相熟的 JSX,就内味儿
- 文件式路由,行业首选的申明路由的形式
- 一流的数据拜访,Qwik 的 data loader 和 form actions 轻松拜访服务器数据,并具备 100% 的端到端类型平安和用户输出验证性能
- 以一种可移植的形式申明中间件逻辑,可能部署到所有次要的主机供应商
- 对立的执行模式,通过
server$()
能够创立一个始终在服务器上执行的函数
5. 5 月 Svelte 的新性能
Svelte
- 反对 CSS @container queries
bind:innerText
可用于contenteditable
元素- 一个新的可拜访性正告
a11y-interactive-supports-focus
,当交互式元素不可用时会收回正告
SvelteKit
- 当启用 HMR 时,页面将在修复谬误后从新加载
- embedded 模式下反对同时加载两个应用程序到同一个 HTML 页面中
- Vite 的 compilation 当初会记录正告信息
6. Rspack v0.1.9
Rspack 公布 v0.1.9,次要晋升了 Loader 兼容性,进行了性能改良,增加了一系列新性能。
上面咱们来看技术材料。
技术材料
1. TailwindCSS vs UnoCSS
作者对 TailwindCSS 和 UnoCSS 进行了多方面的比照,从性能上来看:
- Tailwind 简直提供了你能想到的所有 CSS 性能的对应类名,还有一些你可能不晓得的有用的性能,比方
isolation
,反对自定义 CSS 以及应用插件扩大框架。 - UnoCSS 反对 Tailwind 的所有性能,还额定反对如 variant groups、更多的动画成果、attributify mode 等。
2. ECMAScript 2023 的新性能
最终版本将于 6 月公布,新性能如下:
- Array find from last
- Hashbang Grammar
- Symbols as WeakMap keys
- Change Array by Copy
3. Vue 3.3 新个性前瞻和简略评估
Vue 3.3 本周将会正式公布,本篇博文提供了新个性前瞻。
4. React 渲染交互式指南
React 渲染,永恒的话题。
好了,以上就是本期的食堂周刊,观众老爷们如果感觉还不错,一键三连是对食堂老板最大的反对。
你的前端食堂,吃好每一顿饭,咱们下期见。
正文完