乐趣区

关于前端:前端食堂技术周刊第-81-期4-月登陆-Web-平台的新内容Angular-v16

jiezi

美味值：🌟🌟🌟🌟🌟

口味：黑加仑乌龙茶

  • 食堂技术周刊仓库地址：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 渲染，永恒的话题。

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

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

退出移动版